Hoi, ik heb een lijst die er zo uit ziet in html:
[html]
<div id="pointers" class="pointers">
<ul>
<li class="focusitem selected'">
</li>
<li class="focusitem notselected'">
</li>
<li class="focusitem notselected'">
</li>
<li class="focusitem notselected'">
</li>
<li class="focusitem notselected'">
</li>
</ul>
</div>
[/html]
deze wil ik bewerken met javascript d.m.v. jquery
<script type="text/javascript">
$(document).ready(function(){
var time=setInterval(next, 5000);
(afsluiting anders maaktie die er ander smiley van)
//BASED ON: http://huuah.com/basic-jquery-div-rotator///
// trigger the mouse click even
function next(e) {
// get the next element or, if no next then get the first.
if(typeof($active)=="undefined")
$active=$(".pointers ul > li")
// get the next element to be active
$aoldactive = $active;
$active = $active.next();
if(true) {
// set the visibility of the active and notactive classes.
$active.html("goedemorgen");
$active.removeClass("notselected");
$active.addClass("selected");
$aoldactive.addClass("notselected'");
$aoldactive.removeClass("selected");
}
else {
// set the visibility of the active and notactive classes.
$active.removeClass("notselected");
$active.addClass("selected");
$aoldactive.addClass("notselected'");
$aoldactive.removeClass("selected");
}
}</script>
ik hoopte op een doorschuiving van de selected class maar helaas, de selected class verdwijnt enkel bij de eerste resultaat.
Nu ging ik debuggen en wat blijkt (volgens mij
) is dat het eerste object wel gezien wordt maar de doorschuiving met next gewoon niet waargenomen wordt waardoor er geen classe change kan worden uitgevoerd. Naar mijn inziens zou het echter wel gewoon moeten werken. Het probleem zit dus waarschijnljk bij de next toewijzing....
waarom pakt li next dus niets op? of doetie anders raar? kan iemand mij verder helpen met dit probleem?
[html]
<div id="pointers" class="pointers">
<ul>
<li class="focusitem selected'">
</li>
<li class="focusitem notselected'">
</li>
<li class="focusitem notselected'">
</li>
<li class="focusitem notselected'">
</li>
<li class="focusitem notselected'">
</li>
</ul>
</div>
[/html]
deze wil ik bewerken met javascript d.m.v. jquery
<script type="text/javascript">
$(document).ready(function(){
var time=setInterval(next, 5000);
(afsluiting anders maaktie die er ander smiley van)
//BASED ON: http://huuah.com/basic-jquery-div-rotator///
// trigger the mouse click even
function next(e) {
// get the next element or, if no next then get the first.
if(typeof($active)=="undefined")
$active=$(".pointers ul > li")
// get the next element to be active
$aoldactive = $active;
$active = $active.next();
if(true) {
// set the visibility of the active and notactive classes.
$active.html("goedemorgen");
$active.removeClass("notselected");
$active.addClass("selected");
$aoldactive.addClass("notselected'");
$aoldactive.removeClass("selected");
}
else {
// set the visibility of the active and notactive classes.
$active.removeClass("notselected");
$active.addClass("selected");
$aoldactive.addClass("notselected'");
$aoldactive.removeClass("selected");
}
}</script>
ik hoopte op een doorschuiving van de selected class maar helaas, de selected class verdwijnt enkel bij de eerste resultaat.
Nu ging ik debuggen en wat blijkt (volgens mij
waarom pakt li next dus niets op? of doetie anders raar? kan iemand mij verder helpen met dit probleem?