[jQuery] jquery find out which option is selected
How can i check in a poll which radio button was selected?
[jQuery] remove classes when select option is not selected
Hello,
When i select something from a selectbox it adds a class to the
selected option this way:
$('div#tabs input[type=text], select option:selected, input:checked,
textarea').addClass('takethis');
But when i select a different option it doesn't remove the class
'takethis' from the option which I first selected.
How can I force this?
Thanks in advance.
[jQuery] remove classes when select option is not selected
Hello,
When i select something from a selectbox it adds a class to the
selected option this way:
$('div#tabs input[type=text], select option:selected, input:checked,
textarea').addClass('takethis');
But when i select a different option it doesn't remove the class
'takethis' from the option which I first selected.
How can I force this?
Thanks in advance.
[jQuery] Jquery ui tabs select a tab from a text link instead of clicking a tab itself
Hello,
I am using still the old version of ui (not the 1.7)
I saw here
http://docs.jquery.com/UI/Tabs#...select_a_tab_from_a_text_link_instead_of_clicking_a_tab_itself
the posibility to navigate between tabs by using a link and not the
tabs.
I implemented the code in my site but wanted to make it more dynamic:
$('#verder').click(function() { // bind click event to link
var $tabs = $('#tabs').tabs();
var selected = $tabs.data('selected.tabs');
//console.log(selected);
$tabs.tabs('select', selected +1); // switch to third
tab
return false;
});
But now it only works from the first to the second tab. From the
second to the third tab and it doesn't work.
How can i make it work?
[jQuery] exclude input types
Hello,
I want to select all my input from a form within a certain div except
hidden values.
So far I have this
$('div#tabs input').each(function(){
//functionality
});
How can i exclude hidden values?
[jQuery] Problem with facebox within Internet explorer
Hello Everyone,
I am using facebox to show a popup window. This all works fine in FF
(3.0.6).
BUT
In Internet Explorer it doesn't work at all.
This is the jquery:
$(.smaakselector).click(function() {
$.facebox({div:'#smaken'});
});
And here is the html
div id=menu
ul
li class=menustreepa
href=/HOME/a/li
li class=menustreepa
href=/actueelACTUEEL/a/li
li class=menustreepa
href=/portfolioPORTFOLIO/a/li
li class=menustreepa
href=/cms_xsiteCMS XSITE/a/li
li class=menustreepa
href=/full_serviceFULL SERVICE/a/
li
li class=menustreepa
href=/overonsOVER ONS/a/li
li class=menustreepa
href=/contactCONTACT/a/li
li
class=smaakselectoraSMAKEN/a/li
/ul
/div
Does anyone have sugestion?
[jQuery] [jCarousel] Question about weird autoscrolling
Hello everyone,
I am using jcaousel autoscoll autoscrolling based on this example:
http://sorgalla.com/projects/jcarousel/examples/static_auto.html.
In stead of pictures I am using just plain text:
div style=padding-bottom:10px
ul id=mycarousel class =jcarousel-skin-tango
li
p class=kopKlein style=width:120pxArtikel 1/p
p class=tekstVak style=width:120px
bLees alles over onze nieuwe content rotator/b
a href=http://mbalance/news/news_item/7;read moregt;/a
/p
/li
li
p class=kopKlein style=width:120pxArtikel 2/p
p class=tekstVak style=width:120px
bBlaat je /b
a href=http://mbalance/news/news_item/5;read moregt;/a
/p
/li
li
p class=kopKlein style=width:120pxArtikel 3/p
p class=tekstVak style=width:120px
bDit gaat nergens over /b
a href=http://mbalance/news/news_item/6;read moregt;/a
/p
/li
li
p class=kopKlein style=width:120pxArtikel 4/p
p class=tekstVak style=width:120px
btest head/b
a href=http://mbalance/news/news_item/4;read moregt;/a
/p
/li
li
p class=kopKlein style=width:120pxArtikel 5/p
p class=tekstVak style=width:120px
bInteresting subhead/b
a href=http://mbalance/news/news_item/2;read moregt;/a
/p
/li
/ul
/div
I got it all working but there is one weird thing. When the page loads
it starts by Artikel 1, then it jumps to artikel 4 en goes to artikel
5. Than it jumps back to artikel 1 and starts over again.
These are my settings:
function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next
button.
carousel.buttonNext.bind('click', function() {
carousel.startAuto(0);
});
carousel.buttonPrev.bind('click', function() {
carousel.startAuto(0);
});
// Pause autoscrolling if the user moves with the cursor over the
clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
auto: 2,
wrap: 'last',
initCallback: mycarousel_initCallback
});
});
Can anyone tell me what I'm doing wrong?
[jQuery] Question about restart tickertape
Hello everyone. I have implemented a tickertape in one of our sites. It's actually this one: http://www.mioplanet.com/rsc/newsticker_javascript.htm The problem is that it doesn't restart when all items have passed. Is there someone who has experience with this? is there a way to let the script start again?
[jQuery] I don't want to downoad a plugin
Currently I use jQuery and haven't downloaded the library, rather I am using the online version. So I have a link to my jQuery library. script type=text/javascript src=http://ajax.googleapis.com/ajax/ libs/jquery/1.2.6/jquery.min.js/script But now I want to use the UI tabs plugin. (http://docs.jquery.com/UI/ Tabs) Does anyone know wether it is possible to use this in the same way so that I don't need to download the package?
[jQuery] Question about hiding table
Hello everyone, I was trying out this example (http://www.webdesignerwall.com/demo/ jquery/accordion1.html) and building further on it but I got stock somewhere. I have the exact same structure, but within the p element two child elements (Span and table). Now the span is hides like the rest of the paragraph but the table won't hide. Here is my code: http://codedump.mastercode.nl/527/ and the javascript: http://codedump.mastercode.nl/528/ Thanks in advance
