How do you turn 'this' into a jQuery object so that you can invoke jQuery methods on it?
For example I have this code currently:
But I would like to use jQuery's addClass and removeClass function. So Ive tried things like:
Which doesnt work I assume because this is not yet a jQuery wrapped-object
And:
Which doesnt work because I guess its like calling document.getElementById('this')
As desired it plays in a loop as soon as the web page is opened but i want a button ont there that can turn it off. Is there a javascript option to turn of the playing mp3?
View 4 Replies View RelatedI am using vs2010 and when I hit ctr + F5 it launches which ever broswer I select to browse with and tells it not to use the cached version of that web page. But regardless if its chrome, firefox,IE, opera or safari,they all seem tohit a wall and stop recognizing my changes code tweaks. How do I resolve this frustration! It is very trouble some when testing .json file changes and css changes.
View 3 Replies View RelatedI am trying to turn off a hover state when my accordion is open. Any help will be great.I tried:
$("#list li:hover .bottom").removeClass(".hover ");
This doe not remove the hover. I also tired .bottom.
I have a global stylesheet. In that stylesheet I have:
I need to turn off the top:-9px, because IE7 renders my menu wrong with it there. I have a stylesheet for IE that overrides global which I set to: .index .left #search_accordion .flyout {position: absolute; top: 0px;} or .index .left #search_accordion .flyout {position: absolute;}.
When I make top:0px, I get the wrong positioning. When I leave don't include the selector "top" then the browser pulls the value from the global stylesheet (top:-9px). The solution is I need take "top" out completely.
how to achieve the same animation effect from the flash action script on the [URL] homepage with jquery. It's really an amazing slide effect. I've been unable to sleep tight after saw those slide panel effect and thinking how to use same effect but in jquery. I've been doing a research with jquery masonry layout plugin from david desandro to achieve same effect but still got nothing.
View 2 Replies View RelatedI've got 4 parallel slideshows (see below) that each contain 3 images. I would like the slideshow 1 to fade first, then slideshow 3, then 2, then 4. I have no problem with making all 4 slideshows work at the same time but I can't make them alternate. I've been trying to use "after:" as a callback to trigger the next slideshow but every time I put in some more code the whole thing stops working !!
Code :
<script type="text/javascript">
<!-- $(document).ready(
function() {
$('.slideshow')
.cycle({fx: 'fade',timeout: 5000})
.cycle('stop');});
// I was trying to call this function after starting #slide-1 but I gave up !!
function nextImage1() {
$('#slide-1').cycle({fx: 'fade',timeout: 5000,after: nextImage3 });
}
-->
</script>
<div id="diaporama">
<div id="slide-1" class="slideshow">
<img src="images/diapo_1_1.jpg" width="240" height="171" />
<img src="images/diapo_1_2.jpg" width="240" height="171" />
<img src="images/diapo_1_3.jpg" width="240" height="171" />
</div><div id="slide-2" class="slideshow">
<img src="images/diapo_2_1.jpg" width="240" height="171" />
<img src="images/diapo_2_2.jpg" width="240" height="171" />
<img src="images/diapo_2_3.jpg" width="240" height="171" />
</div><div id="slide-3" class="slideshow">
<img src="images/diapo_3_1.jpg" width="240" height="171" />
<img src="images/diapo_3_2.jpg" width="240" height="171" />
<img src="images/diapo_3_3.jpg" width="240" height="171" />
</div><div id="slide-4" class="slideshow">
<img src="images/diapo_4_1.jpg" width="240" height="171" />
<img src="images/diapo_4_2.jpg" width="240" height="171" />
<img src="images/diapo_4_3.jpg" width="240" height="171" />
</div></div><!-- end diaporama -->
I've seen examples of how to turn xml into html, but how can I make the html output clickable so as to be able to access the corresponding original xml element (to read its attribute values)?
View 1 Replies View RelatedI'm trying to create an unordered list dynamically and then turn it into jQuery UI tabs... I think I'm having problem with syntax here, I managed to create the list and turn it into the widget, but those tabs don't look right, they have the outline of the widget but the content doesn't have actual tabs, so my guess is it only 'kind of worked'
$
(
"#doc3"
).
append
[Code].....
is this the way to do it? (for now its just the test, eventually i want to use for loop to create the list and pull data from an array)
Are there limitation on what can be set for css styles? I have a script which sets a unique id but I wanted to turn user-select off for that item. I thought this would work:
var
id = 'wrapper_'
+(new Date().getTime());
var
wrapper = $('<div id='+id+'></div>'
);
$(id).css({'-webkit-user-select: none;'});
The error I get is:
Uncaught SyntaxError: Unexpected token }
I am trying to dynamically display a select menu when a checkbox is selected. I have successfully go the select menu to come up when the box is checked but the problem is that you can't uncheck the box to get it to go away. Can you tell me how to do this or even better show me a better way? Code:
View 2 Replies View RelatedI have a web page that has javascript running an html5 page where as the embedded movie plays, the captions play below the movie. What I'd like to do is to have a button that turns the captions' visibility on and off, but I can't seem to get it to work. Probably easier to just show you the web page so you can see the files and view source: [URL] Click the test.html file and hit the play button for the movies to see the captions. I think it might have something to do with the captions being within the media div, but I'm not sure how to address the caption id other than the way I have.
View 3 Replies View RelatedSetting: chruch multimedia computer and projection system, with 2 display
monitors. The projector is connected to monitor #2.
Is there some way using JavaScript I can display a ".jpg" picture on display
#2? I know how to send the <form> tag to turn on/off the projector, but
don't know how to put up a picture. I don't want any browser artifacts to
show. Just the picture.
I have this javaascript which validates fields on a form, and if one of the fields are empty or 0 it will turn that field red, but it does it individually and i want it to turn all fields that are in error in red at the same time
[Code]...
Im new to javascript so this could be a simple change for someone with more knowledge then my self. the webpage is built with ASP.Net
I have scripting that currently disables a C.O.D. option in a dropdown and disables a coupon code input box depending on login pulled from a cookie. I would like to use/modify this script to also disable a "free shipping" option depending on login with a condition of the cart subtotal (if ss_subtotal <= 199...). I have all of the variables but cannot figure out the syntax to implement the modification. Here is the current script that disables the C.O.D. option and coupon box:
<script type="text/javascript">
var LexiConn = {
regCustomer: false,
reg_cookie: /.*ss_reg_.*/,
[Code]....
If the source code is needed i can post a shortened version of it.
I'm using parseInt to try to turn the innerHTML of a div into a number. Pretty straight-forward and it works for every one except the string 08 and 09. works for 01-07, works for 10 and higher, just not 08 and 09. This is in Chrome and Firefox. In IE it works. Here's some code to illustrate the issue.
var items = ['04', '05', '06', '07', '08', '09', '10', '11'];
for(var i in items){
document.write(parseInt(items[i]) + '<br>');
}
where you should see 8 and 9 it just comes back as 0 (except in IE 9).
plugin of JQuery that provides the effect for Page Turn from Right Corner ?It should look like curling; but not like books with two page at a time. Only one page will be shown at a time. Per page turn will show a new section and reverse will show the previous section. And the number of sections will be set a page load.
View 2 Replies View RelatedDoes anyone know of a way to turn off headers and footers in IE using javascript, so when someone goes to print a page they wont get the url and other stuff on the print-out?
I know it can be done using through the browser menu. But I wanted to make it automatic so the user doesn't have to. Done a search on google and can't seem to find anything to help. Can it even be done?
I have this bit of javascript:Code:
function toggleVisible(divname) {
divstyle = getDivStyle(divname);
if (divstyle.visibility == 'visible' || divstyle.visibility == 'show') {
divstyle.visibility = 'hidden'
} else {
fixPosition(divname);
divstyle.visibility = 'visible'
}}
The problem is I need this function to turn all other visible layers to hidden.... Does someone know how to refer to all layers in a document and turn their visibility to hidden? I can then call that function from the above...
I have a javascript gallery code that I have downloaded for free. it is a big pic with small buttons under it
you can press one of the small buttons and the pic will chancecan I make it auto slide?
Im new to javascript so I kinda understand everything and its logic, but this is one step ahead of me I guess
i am in the middle of creating a members area system which has went well up to now. I need to create a button that will turn alerts on and off for example when the user clicks the button it will show turn on and vice versa however each time they select the button i want it to update the database with its current state so the admin knows who is currently accepting alerts.
View 4 Replies View RelatedHow do you turn an iframe scrollbar off, from within javascript, after
the iframe has been loaded? In my example, the page with the iframe
on it is initially set to scrolling=yes, however, I want to be able to
set the scrollbar=no, through javascript.
I was wondering if there is some other way to turn autocomplete off besides using "autocomplete=off", using a meta tag or something similar. It would be great if there is some way to turn it off at a page level....
View 2 Replies View Relatedjavascript:(function(){var k,x,t,i,j,p; for(k=0;x=document.links[k];k+
+){t=x.href.replace(/[%]3A/ig,':').replace(/[%]2f/
ig,'/');i=t.lastIndexOf('http');if(i>0){ t=t.substring(i);
j=t.indexOf('&'); if(j>0)t=t.substring(0,j); p=/https?://[^
s]*[^.,;'%22>s)]]/.exec(unescape(t)); if(p) x.href=p[0]; } else if
(x.onmouseover&&x.onmouseout){x.onmouseover(); if (window.status &&
window.status.indexOf('://')!=-1)x.href=window.status;
x.onmouseout(); } x. x. }})();
I know how to edit the CSS, and minute parts of the JavaScript code (for example; speed of the drop). The problem is, I had a massive amount of help making the Javascript side of the menu, and do not know how to edit it...
I want the rules to still apply, where only one can be expanded at a time (one of the first drops, and then only one of the sub-drops). I noticed in the code, I can edit it so there can be more than one drop, but that would mean, the whole menu could be expanded :(
Also, I want my sub-drops. to have different span colour than the main drop. but trhe links and such, (everything else about it) can be the same....
My live demo is here! (http://mrjamesmusic.com/tornhq/Index.html)
Im creating a portfolio site for myself that my have gotten a little too ambitious but I'd still like to make this work.
My main site loads a video demo reel using the new <video> tag and to make it look cooler has an "ambilight" television effect around it. For usability and for users that find it annoying or distracting I want a toggle to turn the effect off.
I have my checkbox created as well as all the effects working for it.
Here is a piece of the main code as well as a link to the ambilight.js file
<label name="ambilightToggle">
<input type="checkbox" name="toggle"/>
<div class="toggle-switch">
<div class="handle"></div>
[Code]....
If the click function works I should be able to have it check the checkboxes state and have it persist.