I am using the RokSprocket module in a Joomla Template and I would need to open one photo by link in a different windows, for it, Could anybody help me?
Thanks in advance
Best Regards
Alejandro Castan
PS: Sorry for my little english
<!DOCTYPE html><html><head><script>var w;function openwindow(){w=window.open('http://www.w3schools.com/','', 'width=100,height=100');w.focus();}function myFunction(){w.resizeTo(500,500);w.focus();}</script></head><body><button onclick="openwindow()">Create window</button><button onclick="myFunction()">Resize window</button></body></html>
I have uses the following to solve my problem:
<a href="/extensions/roksprocket/13-roksprocket-features/25-sample-content-1" target="_blank">
<img src="/extensions/media/rokgallery/f/faa025be-fad2-4f7b-f7bc-2e3e9ad367a1/69f8dbe1-9a16-42d1-8ee7-ca0aa2be7992.jpg" alt="" style="max-width: 100%; height: auto;">
</a>
Related
I'm attempting to add the buttons from Material Design Lite (http://www.getmdl.io/) to a Joomla 3.x site.
I followed the directions to the best of my ability and the output I get is not getting the styling.
I attempted to thoroughly document my attempt on this page: http://www.cherokeecollisioncenter.com/sandbox
All help is greatly appreciated.
Here is the correct answer for buttons that take a couple common local business mobile actions:
**<p style="text-align: center;"><button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored" onclick="location.href='tel:1234567890'"><i class="material-icons">call</i> </button><button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored" style="margin-left: 10%; margin-right: 10%;" onclick="location.href='//www.google.com/maps/dir//remaining-portion-of-link-to-directions'"><i class="material-icons">directions</i> </button><button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored" onclick="location.href='mailto:info#example.com'"><i class="material-icons">mail</i> </button>
</p>**
You must also include the two CSS style sheets and the JS script file in the head of each page. In my case the hosted CSS overrode some of my site settings and I had to override them again.
The styling looks pretty much right to me... what exactly are you trying to achieve? Do you have a mockup? Have you cleared your cache?
If you're using these on mobile and you want them to float over the page you're going to have to set the CSS style position property to fixed. You can change the icon by replacing "add" with the name of any icon on the material icons page: https://www.google.com/design/icons/
A floating home button would probably look something like this:
<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored" style="position:fixed; right:10px; bottom:10px;"><i class="material-icons">home</i> </button>
In this fiddle, the tool tips are not working. Does anyone know why?
http://jsfiddle.net/yDk6z/1/
nv.models.scatterPlusLineChart();
...
Please include the following JS in your project.
http://cdnjs.cloudflare.com/ajax/libs/d3/3.2.2/d3.v3.min.js
<h2>Promises not kept NOTHING CHNAGED HERE</h2>
<div id="chart" class="with-3d-shadow with-transitions">
<svg></svg>
</div>
DEMO LINK
i have problem
in my site for example when i want to show comment(1) instead of that i see )comment(1 what should i do ?
i using Joomla
but in source code it is correct
<div class="kmt-readon">
<span class="kmt-comment aligned-left">
Comment (1)
</span>
</div> </div>
i think there is problem with CSS code to show that in this shape
help me dudes
thank you very much
Your problem is caused by text-direction. Are you using an RTL template?
Try adding this to your CSS:
.kmt-readon { text-direction:ltr; }
I've got a opencart multi-store, though the shared session doesn't work for me.
When i put a item in my cart from store1.com it will not appear on store2.com...
My multistore looks like this, so with different domains.
store1.com
store2.com
In my main store1.com header its got differtent iframe's:
<iframe src="http://www.store1.com/catalog/view/javascript/crossdomain.php?session_id=95e5c425bc5df1ecff3406eb0f587018" style="display: none;"></iframe>
<iframe src="http://www.store2.com/catalog/view/javascript/crossdomain.php?session_id=95e5c425bc5df1ecff3406eb0f587018" style="display: none;"></iframe>
I see in my header of store2 that its got 2 the same iframe's:
<iframe src="http://www.store2.com/catalog/view/javascript/crossdomain.php?session_id=95e5c425bc5df1ecff3406eb0f587018" style="display: none;"></iframe>
<iframe src="http://www.store2.com/catalog/view/javascript/crossdomain.php?session_id=95e5c425bc5df1ecff3406eb0f587018" style="display: none;"></iframe>
Does anybody knows what the problem could be?
Thank you very much!
Kind regards,
Bram
#shadyyx yes the store2.com is pointed to the main store1.com. though i copied the templates and used one for the store1.com and the other one for store2.com.
store1.com: goo.gl/4ZekFU
store2.com: goo.gl/SWaZ1R
I want to disable this img tag where id is scroll_disable how to achieve this using java script. this image is a arrow key of a carousel of a live shopping website what i want to do is when there is no images for this product i want to disable this arrow.so that user can not scroll further. i need solution in java script only.can i do this onclick() function?
<div id="btn-next" class="f-x3" style="position:relative; float:left; width:30px;height:50px; padding-left:10px; padding-top:20px; overflow:visible">
<p class="f-lp" ><a href="#" class="carousel_carousel next" ><img src="/site/images /arrows1.jpeg" border="0" width="21" height="24" style="vertical-align:baseline" id="scroll_disable" /></a></p>
</div>
how to write java script for this?
Okay, first of all, when you're writing in a language that is not your first, punctuation gets extra-important.
If you don't have to worry about images showing up in the carousel later, try this:
document.getElementById('btn-next').removeEventListener('click');
Check out the following.
http://jsfiddle.net/WRbxe
<img> is not a form element and hence can't be disabled. However if you use <input type="image"> it can be disabled using,
document.getElementById('scroll_disable').disabled=true;