- Posts: 15
- Thank you received: 0
Are you enjoying the extensions? Did you like the support? Help others decide.
Leave a review...
<div>
<p id="one"> this is the first paragraph</p>
....
<p id="four"> this is the fourth paragraph</p>
</div>
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("p").click(function (event) {
var element = jQuery(this);
var elementID = event.target.id;
var oggVar = (elementID +".ogg");
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', oggVar);
audioElement.load();
audioElement.addEventListener("load", function() {
audioElement.play();
}, true);
audioElement.play();
});
});
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
<p id="one" style="text-align: left; font-size: 10pt;">this is paragraph one</p>
<p id="two" style="text-align: left; font-size: 10pt;">this is paragraph one</p> ....
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("p").hover(
function() {
jQuery(this).css({"color": "red", "font-weight" : ""});
},
function() {
jQuery(this).css({"color": "black", "font-weight" : ""});
}
);
jQuery("p").click(function (event) {
var element = jQuery(this);
var elementID = event.target.id;
var oggVar = (elementID +".ogg");
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', oggVar);
audioElement.load();
audioElement.addEventListener("load", function() {
audioElement.play();
}, true);
audioElement.play();
});
});
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Simplify Your Web is not affiliated with or endorsed by The Joomla! Project™ or Open Source Matters.
The Joomla!® name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.