Petite aide facile javascript Résolu/Fermé

Question

Bonjour,

jaimerai savoir comment ecrire une foction qui fait le suivant:

lors d'un clic sur nimporte quel balise <a> le class de la balise body change.
es ce possible??

merci

Groarh · Accepted Answer

Alors... ^^ là on va intervenir sur le getElementsByTagName que j'ai donné dans mon premier post : on récupère les a non plus depuis le document entier mais depuis les conteneurs. Comme tu as mis des id sur tes conteneurs, c'est on ne peut plus simple ! var collection1 = document.getElementById('topmenu').getElementsByTagName('a'); var collection2 = document.getElementById('content').getElementsByTagName('a'); Tu récupères deux collections, donc tu feras deux boucles for. Si on utilise la fonction addListener, que j'ai écrite plus haut, pour concilier IE et les navigateurs standards, ça donne : for (var i = 0; i <= collection1.length - 1; i++) { var lien = collection1.item(i); // repère #1 (on va modifier des trucs ici) addListener(lien, 'click', changeClass1); } for (var i = 0; i <= collection2.length - 1; i++) { var lien = collection2.item(i); // repère #2 addListener(lien, 'click', changeClass2); } L'inconvénient est qu'on ne peut pas passer d'arguments aux fonctions appelées avec un gestionnaire d'évènements. Donc à toi de coder les fonctions changeClass1 et changeClass2 adaptées. Mais il y a d'autres façons de contrer ça ! >1. La première, c'est faire appel à une fonction anonyme : /*--- méthode 1 ---*/ // repère #1 addListener(lien, 'click', function () { changeClass(1) }); // repère #2 addListener(lien, 'click', function () { changeClass(2) }); Là il va falloir adapater un ptit peu la fonction changeClass : function changeClass(maClasse) { document.body.className = maClasse; } >2. La seconde manière, c'est faire appel à une variable globale (on la déclare sans var) : /*--- méthode 2 ---*/ // repère #1 classeGlobale = 1; addListener(lien, 'click', changeClass); // repère #2 classeGlobale = 2; addListener(lien, 'click', changeClass); On adapte aussi la fonction changeClass : function changeClass() { document.body.className = classeGlobale; } Perso je préfère la première méthode. Elle est plus compliquée peut-être, mais plus élégante :P (dans l'idéal, les variables globales ne devraient servir qu'au débuggage). Et la 1re méthode te permettra de modifier le code plus tard sans trop te casser la tête. Par exemple si tu veux que la classe du body soit une chaîne et non plus un nombre : /*--- méthode 1 ---*/ // repère #1 addListener(lien, 'click', function () { changeClass('nouvelleClasse') }); Et c'est tout !

Groarh · Answer

C'est possible, et même assez simple, mais il faut connaître un peu le DOM et les gestionnaires d'évènements.
Voici déjà le code, et pose une questions dès qu'un point paraît obscur :
function changeClass() { // fonction qui réagira au clic sur un lien
	document.body.className = 'nouvelleClasse';
	alert('ça marche !');
}

function bindAnchors() { // fonction pour lier les liens à la fonction changeClass
	var collection = document.getElementsByTagName('a');
	/* la fonction getElementsByTagName renvoie un objet de type NodeList,
		ce n'est pas un tableau ! C'est une collection de noeuds du DOM.
		Pour accéder au n-ième élément, il faut utiliser sa méthode item(n).
	*/
	for (var i = 0; i <= collection.length - 1; i++) {
		collection.item(i).addEventListener('click', changeClass, false);
	}
}

// on lie les liens une fois que la page est chargée, sinon ils n'existent pas encore
window.addEventListener('load', bindAnchors, false);

Testé sous Firefox.
Pour IE, comme d'habitude, il faut s'arracher une dent...
Remplacer les bidule.addEventListener(machin, truc, false)
par : bidule.AttachEvent(machin, truc), et en plus rajouter 'on' devant les noms d'évènements :
'click' -> 'onclick'
'load' -> 'onload'
etc...

Le false est là pour empêcher la capture de l'évènement, ce dont on n'a preque jamais besoin. IE a simplifié les choses puisqu'il ne capture pas du tout les évènements.

Pour simplifier les choses, j'ai l'habitude (et je ne suis le seul) d'utiliser une fonction bricolée pour concilier les deux. Par exemple :
function addListener(o, e, f) { // object, event, function
	if (o.addEventListener) {
		o.addEventListener(e, f, false);
	} else { // pour MSIE
		o.attachEvent('on' + e, f);
	}
}

Et dernier détail : avec cette méthode, même pas besoin de mettre un href à tes liens !!

Groarh · Answer

Tu veux dire, changer de page après la modification du body ? Tu vas te retrouver sur une autre page, avec le body à l'état original. Tu pourrais faire ça en javascipt, en manipulant des cookies, mais c'est vraiment pas commode. Préfère un script serveur. Tu peux faire ça tout bêtement en passant un paramètre au serveur dans l'adresse (c'est la méthode GET) : lien Ici par exemple, je passe le paramètre changeClass dont la valeur est true. Ensuite, le serveur récupère ça : ... ... Ainsi tu arrives sur ta nouvelle page avec la classe que tu voulais sur le body.

Winterboard · Answer

merci pour ta réponse mais c'est pas ça que je cherche. En fait il s'agit d'un effect de translation css3.
Je veut donc que la page se décale sur la gauche lorsqu'on quitte la page. La translation c'est facile. Maintenant j'ai aussi le javascript. Le problème est qu'on quitte la page trop rapidement pour voir le décalage.

Voilà...

Winterboard · Answer

c bon les gars ca marcheee!!!!!! merci beaucoup!!!!!!

Winterboard · Answer

enfaite jai encore 1 dernierre question. Comment on exclus certains a du javascript?? comme ou Merci

Groarh · Answer

Salut,
là je pense qu'il va falloir modifier la fonction bindAnchors() que je t'ai donnée plus haut, pour traiter les liens au cas-par-cas. Par exemple, mettre un test dans la boucle for :
...
for (var i = 0; i <= collection.length - 1; i++) {
  if (collection.item(i).className != 'back' || collection.item(i).id != 'lol') {
    collection.item(i).addEventListener('click', changeClass, false);
  }
}
...

NB : pour accéder à l'id ou la classe, je m'appuie sur l'interface HTMLElement du DOM :
http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037

Winterboard · Answer

merci beaucoup je vais tester ca :) encore une question. Peut on separer les selon les conteneurs?? par exemple si on clique sur un contenu dans la classe du body deveint class="1" et si on clique sur un contenu dans

la classe du body deveint class="2" Merci Merci Merci :D

Winterboard · Answer

merci pour ta reponse qui est surement la solutiona mon probleme mais jy comprend rien :p

voici ce que j'ai bricolé:
function changeClass(1) { 
	document.getElementById('content').className=('slidedone');	
	document.getElementById('footer').className=('slidedone');	
	document.getElementById('list').className=('slidedone');	

	
}
function changeClass(2) { 
	document.getElementById('content').className=('slidedone2');	
	document.getElementById('footer').className=('slidedone2');	
	document.getElementById('list').className=('slidedone2');	

	
}
function bindAnchors() { // fonction pour lier les liens à la fonction changeClass
	var collection1 = document.getElementById('topmenu').getElementsByTagName('a')­;
	var collection2 = document.getElementById('content').getElementsByTagName('a') || document.getElementById('toprightmenu').getElementsByTagName('a')­ || document.getElementById('toprightbutton').getElementsByTagName('a')­;
	
	for (var i = 0; i <= collection1.length - 1; i++) {
  var lien = collection1.item(i);

  )

  addListener(lien, 'click', changeClass1);
}
for (var i = 0; i <= collection2.length - 1; i++) {
  var lien = collection2.item(i);

  // repère #2

  addListener(lien, 'click', changeClass2);
}
 
}

// on lie les liens une fois que la page est chargée, sinon ils n'existent pas encore
window.addEventListener('load', bindAnchors, false);



jai rajouté un peu de code de partout mais je sais qu'il y a plein de fautes et tout ca. De plus jai pas compris tes methodes 1 et 2 :-p
Pourrai tu m'ecrirei ce petit bout de javascript sil te plait?

Merci beaucoup beacoup d'avance

Groarh · Answer

Okaye je vois, tu voulais appliquer la fonction à d'autres éléments que le body, fallait le dire tout de suite !

Alors, on dit que c'est en faisant des erreurs qu'on apprend, mais ce n'est pas tout à fait vrai : encore faut-il avoir corrigé ses erreurs... Voici quelques indices :
1°) function changeClass(1) {
...
}
function changeClass(2) {
...
}
Ici, tu confonds la déclaration et l'appel des fonctions. Quand tu déclares une fonction, tu donnes un nom général aux valeurs qui sont entre les parenthèses, pour pouvoir les utiliser dans la fonction.
Par exemple, je déclare une fonction : function plus(m, n) {
  return m + n;
} À présent, j'appelle la fonction : plus(2, 3); Les valeurs 2 et 3 ont été envoyées dans m et n pour que la fonction puisse les utiliser. Ça permet à la fonction de faire l'opération " m + n ", donc " 2 + 3 ", et de renvoyer le résultat : 5.
Ça a pas l'air très important comme ça, mais si tu maîtrises ça tu vas gagner un temps fou après :)

En fait, l'erreur que tu as faite est d'avoir déclaré deux fonctions avec le même nom, changeClass, en pensant que les valeurs utilisées dans les parenthèses (1 et 2) permettraient à Javascript de les différencier.
Correction : utiliser deux noms différents, changeClass1 et changeClass2.


2°) var collection2 = document.getElementById('content').getElementsByTagName('a')­ || document.getElementById('toprightmenu').getElementsByTagName­('a')­ || etc.
Là, je ne suis pas sûr, mais je fais une supposition :
tu as dû penser que l'opérateur || te permettait de stocker plusieurs valeurs dans une seule variable.
Ce n'est pas le cas. Il aurait fallu utiliser un tableau, mais dans le cas présent c'est plus simple d'utiliser plusieurs variables.
Correction : var collection2 = document.getElementById('content').getElementsByTagName('a')­;
var collection3 = document.getElementById('toprightmenu').getElementsByTagName­('a')­;
var collection4 = document.getElementById('toprightbutton').getElementsByTagNa­me('a')­;


3°) Tu appelles des fonctions qui ne sont pas définies, changeClass1 et changeClass2, mais ce n'est pas vraiment une erreur de ta part étant donné que ça vient direct de mon code. Donc c'est une erreur de recopiage, ou plutôt d'inattention :P

Voilà, médite bien tout ça, et voici le script complet. Bon courage !
/******************************************************************************/

function addListener(o, e, f) { // object, event, function
	if (o.addEventListener) {
		o.addEventListener(e, f, false);
	} else { // pour MSIE
		o.attachEvent('on' + e, f);
	}
}

/******************************************************************************/

function changeClass1() {
	document.getElementById('content').className='slidedone';
	document.getElementById('footer').className='slidedone';
	document.getElementById('list').className='slidedone';
}

function changeClass2() {
	document.getElementById('content').className='slidedone2'­;
	document.getElementById('footer').className='slidedone2';­
	document.getElementById('list').className='slidedone2';
}

// il faudra peut-être rajouter d'autres fonctions changeClassN

/******************************************************************************/

function bindAnchors() { // fonction pour lier les liens à la fonction changeClass
	var collection1 = document.getElementById('topmenu').getElementsByTagName('a')­­;
	var collection2 = document.getElementById('content').getElementsByTagName('a')­;
	var collection3 = document.getElementById('toprightmenu').getElementsByTagName­('a')­;
	var collection4 = document.getElementById('toprightbutton').getElementsByTagNa­me('a')­;

	for (var i = 0; i <= collection1.length - 1; i++) {
		var lien = collection1.item(i);
		addListener(lien, 'click', changeClass1);
	}

	for (var i = 0; i <= collection2.length - 1; i++) {
		var lien = collection2.item(i);
		addListener(lien, 'click', changeClass2);
	}

	for (var i = 0; i <= collection3.length - 1; i++) {
		var lien = collection3.item(i);
		addListener(lien, 'click', changeClass1); // vérifier que c'est bien changeClass1 qu doit être appelée ici
	}

	for (var i = 0; i <= collection4.length - 1; i++) {
		var lien = collection4.item(i);
		addListener(lien, 'click', changeClass2); // idem
	}
}

/******************************************************************************/

// on lie les liens une fois que la page est chargée, sinon ils n'existent pas encore
// et on le fait avec addListener, pour que ça marche même sous IE
addListener(window, 'load', bindAnchors);

Winterboard · Answer

t un dieu!! merci beaucoup jessaye ca des que je rentre chez moi!!!

merci  merci :p

si tu veut voir le site en action va voir m.iwebkit.net
Mais c'est seulement bien visible sur safari (soit mac soit windows soit iphone)
C'est un site pour iphone donc nessaye pas sur IE ou FF.

Groarh · Answer

Je rentre chez mes vieux ce week-end, Safari est installé là-bas, je regarderai ^^

Au fait : je dois toute ma science à un autre dieu (lol) qui s'appelle Christophe Porteneuve, grâce à un bouquin génial qu'il a écrit. Malheureusement le livre n'est pas gratuit, mais les annexes (qui sont déjà bien utiles) sont disponibles par ici (pdf).

Bonne lecture ! Et n'oublie pas de marquer le topic comme résolu.

Winterboard · Answer

hmm le code marche pas :( il ne change pas la classe des divs
je vais essayer de reparer ca tout seul :p

Winterboard · Answer

groarh ca ne marche pas :_-(

sait tu peut etre quel peut etre le probleme???? l"erreur c'est ca:
SyntaxError: Parse Error (line25)

ligne 25 c'est a dire: var collection1 = ....

merci beacoup

Groarh · Answer

:· sais pas... faute de frappe ?
Ou alors ton navigateur ne prend pas en charge un niveau suffisant de DOM (je crois qu'il faut le niveau 2).
Essaye ce test dans ta console de débuggage :
document.implementation.hasFeature('Core', '2.0')

Winterboard · Answer

enfait le code etait mal encodé et avait des caracteres cachées. Voici mon code propre:
function slide()
{
function addListener(o, e, f)
{
if (o.addEventListener)
{
o.addEventListener(e, f, false);
}
else
{
o.attachEvent("on" + e, f);
}
}
function changeClass1()
{
document.getElementById("content").className = "slidedone";
document.getElementById("footer").className = "slidedone";
document.getElementById("list").className = "slidedone";
}
function changeClass2()
{
document.getElementById("content").className = "slidedone2";
document.getElementById("footer").className = "slidedone2";
document.getElementById("list").className = "slidedone2";
}
function bindAnchors()
{
var collection1 = document.getElementById("topmenu").getElementsByTagName("a");
var collection2 = document.getElementById("content").getElementsByTagName("a");
var collection3 = document.getElementById("toprightmenu").getElementsByTagName("a");
var collection4 = document.getElementById("toprightbutton").getElementsByTagName("a");
for (i = 0; i <= collection1.length - 1; ++i)
{
var lien = collection1.item(i);
addListener(lien, "click", changeClass2);
}
for (i = 0; i <= collection2.length - 1; ++i)
{
var lien = collection2.item(i);
addListener(lien, "click", changeClass1);
}
for (i = 0; i <= collection3.length - 1; ++i)
{
var lien = collection3.item(i);
addListener(lien, "click", changeClass1);
}
for (i = 0; i <= collection4.length - 1; ++i)
{
var lien = collection4.item(i);
addListener(lien, "click", changeClass1);
}
}
addListener(window, "load", bindAnchors);

Il y a encore une erreur mais cette fois ca viens d'une balise non terminée. Il manque un }
Je ne sais pas ou le placer :p. Il donne lerreur sur la dernierre ligne c-a-d: addlistener(window...

Merci pour tout ton aide.

Groarh · Answer

Fais des indentations, tu y verras beaucoup plus clair :
function slide() {
	function addListener(o, e, f) {
		if (o.addEventListener) {
			o.addEventListener(e, f, false);
		} else {
			o.attachEvent("on" + e, f);
		}
	}
	function changeClass1() {
		document.getElementById("content").className = "slidedone";
		document.getElementById("footer").className = "slidedone";
		document.getElementById("list").className = "slidedone";
	}
	function changeClass2() {
		document.getElementById("content").className = "slidedone2";
		document.getElementById("footer").className = "slidedone2";
		document.getElementById("list").className = "slidedone2";
	}
	function bindAnchors() {
		var collection1 = document.getElementById("topmenu").getElementsByTagName("a");
		var collection2 = document.getElementById("content").getElementsByTagName("a");
		var collection3 = document.getElementById("toprightmenu").getElementsByTagName("a");
		var collection4 = document.getElementById("toprightbutton").getElementsByTagName("a");
		for (i = 0; i <= collection1.length - 1; ++i) {
			var lien = collection1.item(i);
			addListener(lien, "click", changeClass2);
		}
		for (i = 0; i <= collection2.length - 1; ++i) {
			var lien = collection2.item(i);
			addListener(lien, "click", changeClass1);
		}
		for (i = 0; i <= collection3.length - 1; ++i) {
			var lien = collection3.item(i);
			addListener(lien, "click", changeClass1);
		}
		for (i = 0; i <= collection4.length - 1; ++i) {
			var lien = collection4.item(i);
			addListener(lien, "click", changeClass1);
		}
	}
	addListener(window, "load", bindAnchors);
}
Mais si tu laisses ça comme c'est, au chargement de la page, le navigateur va voir ça comme ça :
" Il y a une fonction slide, elle est déclarée, bon ok très bien, y'a des trucs à l'intérieur mais je regardrai quand on me demandera de l'utiliser. "
Donc le addListener qui est dedans, qui est censé s'exécuter au chargement de la page, il passe à la trappe !

Est-ce vraiment nécessaire d'encapsuler tout ce code dans une fonction slide ?

Winterboard · Answer

ok les gars ca marche!!!!!!!!!!!!!!!!

mais que si j'enleve les tags du script qui ne sont pas presents sur la page... comme:
var collection4 = document.getElementById("toprightbutton").getElementsByTagName("a");


Y a til un moyen de dire au navigateur dignorer ces tag s'ils n'existent pas??

merci :)

Groarh · Answer

Heuh, y'a tout un tas de manières :P

Par exemple, tu peux les retirer "en dur" de ton code quand tu les retires de ta page, en virant tous les bouts de code qui utilisent collection4 ;

Tu peux, pour faire plus "secret", intercepter les erreurs en plaçant le code traitant les liens susceptibles de disparaître dans un bloc try/catch avec le catch vide :
try {
  var collection4 = document.getElementById("toprightbutton").getElementsByTagName("a");
  for (i = 0; i <= collection4.length - 1; ++i) {
    var lien = collection4.item(i);
    addListener(lien, "click", changeClass1);
  }
} catch(e) { }
Ou alors, faire un test sur collection4 avant la boucle for correspondante,if (collection4) {
  for (...) {
    ...
  }
} c'est plus rigoureux ;

etc.
Mais tu peux aussi laisser ça comme c'est : le script génère un avertissement, du style document.getElementById("toprightbutton") has no properties, que les utilisateurs ne voient même pas en général ; puis le script continue. Donc c'est pas très grave.

Winterboard · Answer

non ca ne marche pas si il y a l'erreur. Je vais tester ton truc catch ;)

merci 1000 fois!

Winterboard · Answer

ca marche!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

http://m.iwebkit.net

va voir avec safari! c'est l'effet quand tu clique sur un lien. La page se decalle.

Merci10000 fois :)

Groarh · Answer

Ok. Repense au truc avec les if, si tu es perfectionniste comme moi, car le try n'est pas la solution la plus rigoureuse : on corrige les erreurs au lieu de les prévenir...

;)

Winterboard · Answer

pourrais tu me l'ecrire car je ne voit pas ce que tu veut dire :p

Winterboard · Answer

salut groarh :)

Tout marche a merveilles mais j'aimerai developper plus mon script peut tu m'aider??

voici le code actuel donc:



function addListener(o, e, f) {
    if (o.addEventListener) {
        o.addEventListener(e, f, false);
    } else {
        o.attachEvent("on" + e, f);
    }
}


function changeClass1() {
    document.getElementById("content").className = "slidedone";
    document.getElementById("footer").className = "slidedone";
    document.getElementById("list").className = "slidedone";
}


function changeClass2() {
    document.getElementById("content").className = "slidedone2";
    document.getElementById("footer").className = "slidedone2";
    document.getElementById("list").className = "slidedone2";
}


function bindAnchors() {
    try {
        var collection1 = document.getElementById("topmenu").getElementsByTagName("a");
        for (i = 0; i <= collection1.length - 1; ++i) {
            var lien = collection1.item(i);
            addListener(lien, "click", changeClass2);
        }
    } catch (e) {
    }
    try {
        var collection2 = document.getElementById("content").getElementsByTagName("a");
        for (i = 0; i <= collection2.length - 1; ++i) {
            var lien = collection2.item(i);
            addListener(lien, "click", changeClass1);
        }
    } catch (e) {
    }
    try {
        var collection5 = document.getElementById("footer").getElementsByTagName("a");
        for (i = 0; i <= collection5.length - 1; ++i) {
            var lien = collection5.item(i);
            addListener(lien, "click", changeClass1);
        }
    } catch (e) {
    }
    try {
        var collection3 = document.getElementById("toprightmenu").getElementsByTagName("a");
        for (i = 0; i <= collection3.length - 1; ++i) {
            var lien = collection3.item(i);
            addListener(lien, "click", changeClass1);
        }
    } catch (e) {
    }
    try {
        var collection4 = document.getElementById("toprightbutton").getElementsByTagName("a");
        for (i = 0; i <= collection4.length - 1; ++i) {
            var lien = collection4.item(i);
            addListener(lien, "click", changeClass1);
        }
    } catch (e) {
    }
}

addListener(window, "load", bindAnchors);


Alors ce que j'aimerai ajouter c'est que lors d'un clic sur un <a class="noslide"> les class ne changent pas.

Aussi ce que j'aimerai c'est qu'apres 5 secondes la classe slidedone1 se transforme en reslide1 et slidedone2 en reslide2

es-ce possible

Merci beaucoup :)

Groarh · Answer

Salut !
Voilà pour tes liens noslide :
function bindAnchors() {
    try {
        var collection1 = document.getElementById("topmenu").getElementsByTagName("a");
        for (i = 0; i <= collection1.length - 1; ++i) {
            var lien = collection1.item(i);
            if (lien.className != 'noslide')
                addListener(lien, "click", changeClass2);
        }
    } catch (e) {}
    try {
        var collection2 = document.getElementById("content").getElementsByTagName("a");
        for (i = 0; i <= collection2.length - 1; ++i) {
            var lien = collection2.item(i);
            if (lien.className != 'noslide')
                addListener(lien, "click", changeClass1);
        }
    } catch (e) {}
    try {
        var collection5 = document.getElementById("footer").getElementsByTagName("a");
        for (i = 0; i <= collection5.length - 1; ++i) {
            var lien = collection5.item(i);
            if (lien.className != 'noslide')
                addListener(lien, "click", changeClass1);
        }
    } catch (e) {}
    try {
        var collection3 = document.getElementById("toprightmenu").getElementsByTagName("a");
        for (i = 0; i <= collection3.length - 1; ++i) {
            var lien = collection3.item(i);
            if (lien.className != 'noslide')
                addListener(lien, "click", changeClass1);
        }
    } catch (e) {}
    try {
        var collection4 = document.getElementById("toprightbutton").getElementsByTagName("a");
        for (i = 0; i <= collection4.length - 1; ++i) {
            var lien = collection4.item(i);
            if (lien.className != 'noslide')
                addListener(lien, "click", changeClass1);
        }
    } catch (e) {}
}

Et pour les changements de classe retardés, on va appeler le temporisateur, c'est la fonction window.setTimeout() qui fonctionne avec deux arguments : une fonction et un intervalle de temps donné en milisecondes.
Un exemple rapide avec une fonction anonyme :window.setTimeout(function() { alert('bonjour !') }, 3000)Cette instruction provoque l'affichage d'un "bonjour !" 3 secondes après son exécution.

Ici, ça va donner :
function reChangeClass1() {
    document.getElementById("content").className = "reslide";
    document.getElementById("footer").className = "reslide";
    document.getElementById("list").className = "reslide";
}

function reChangeClass2() {
    document.getElementById("content").className = "reslide2";
    document.getElementById("footer").className = "reslide2";
    document.getElementById("list").className = "reslide2";
}Et :function changeClass1() {
    document.getElementById("content").className = "slidedone";
    document.getElementById("footer").className = "slidedone";
    document.getElementById("list").className = "slidedone";
    window.setTimeout(reChangeClass1, 5000);
}


function changeClass2() {
    document.getElementById("content").className = "slidedone2";
    document.getElementById("footer").className = "slidedone2";
    document.getElementById("list").className = "slidedone2";
    window.setTimeout(reChangeClass2, 5000);
}

;)

Winterboard · Answer

le settimeout marche pas :(

en tout cas les class ne changent pas apres un certain temps. ca marche chez toi?

Groarh · Answer

Autant pour moi, j'ai pas Safari sous la main pour tester...

Tu utilises quelle version de Safari ? Je viens de voir qu'avant la 1.2, un bug a été reporté à propos de setTimeout...

Winterboard · Answer

enfait il s'agit du safari de l'iphone donc je peut pas te dire :p

mais j'ai aussi testé sous firefox et ca ne marche pas nonplu. Il suffit de regarder la source géneré apres quelques secondes et on s'appercoit que c'est toujours "slide"

merci pour ton aide:)

Groarh · Answer

Nanan !
Le code source ne prend pas en compte les modifications Javascript, sauf si tu sélectionnes une portion de page et que tu fais clic droit > "afficher le code source de la sélection".

Tu n'as pas de console Javascript ? > Firebug !

Edit : tu as réussi à me faire douter... mais j'ai revérifié : ça marche !
var input = document.createElement('input');
input.setAttribute('type', 'button');
input.value = "cliquez-moi";
function sayHello() { alert('hello !') };
function differe() { window.setTimeout(sayHello, 2000) };
input.addEventListener('click', differe, false);
document.body.appendChild(input);

Winterboard · Answer

sisi ca marche! j'utilise une extension speciale. C'est pourca que je peut voir le changement vers class="slide".
c'est la source "géneré".

Et la console Js ne m'indique pqs d'erreurs.... :(

Petite aide facile javascript

30 réponses

Discussions similaires