Bonjour à tous, l'univers d'ajax et javascript est assez sombre pour moi, je cherche à faire quelque que je vais vous expliquer, et je ne sais pas trop quel tutoriel présent sur ce site m'aidera à faire ceci. C'est très simple, je suis certain que ça peut se faire grâce à ajax ou javascript, dans le cas contraire, vous me le direz.

Disons le code suivant, très théoriquement.

<a href="">CLIQUE MOI DESSUS</a>

Ici un code du style

IF (CLIQUER)
{
BLA BLA BLA
INFORMATION TRUC BIDULE
BLABLABLA
}

Voilà, je pense vous avez compris, je souhaite que quand on clique sur le lien cela affiche quelque chose en particulier, en l'occurrence ici se sera une variable en php contenant du code html générer via un script. Quand on reclic cela s'enlève de nouveau.

Merci.

un onclick="ta_fonction()" dans ton <a>...
et ensuite une fonction

var clique=false;
function ta_fonction(){
if(!clique){
clique=true;
/*autres instructions*/
}
else{
clique=false;
}
}

EDIT:petit oubli
Ouala !
+
Birdy

Merci beaucoup, voila ce que ca donne

<a href="#" onclick="ta_fonction()">clique moi dessus	</a>

<SCRIPT language="Javascript">

function ta_fonction()
{
    var clique=false;
    if(!clique){
	
        clique=true;
	document.write("blalbla"); 
		
    }
    else{
	clique=false;
    }
} 
		
</SCRIPT>

Sauf que mon blabla se charge a vide dans une nouvelle page blanche pendanp 1seconde et ca revient lol, désolé pas du tout habitué a ce language.

N'utilise pas document.write... c'est mal !
fais genre plutôt
alert("cliqué");
document.write, si la page est déjà chargée complètement, de supprime tout ton contenu et écris le nouveau...
+
Birdy

Lol c'est très amusant mais moi je veut affiché du code html, des balises, un tableau ! En fait une variable en php qui en contient et qui en contient.

Utilises plutôt le DOM ou le innerHTML plutôt que document.write dans ton cas... ou sinon tu caches ton contenu et tu l'affiches ensuite.
(c'est marrant, vous avez deux sujets différents, pour le même type de problème, en même temps )

Comment apprendre à faire ca ?

Le plus simple est de préparer un div vide, prêt à accueillir le contenu.

<a href="#" onclick="ta_fonction();">clique moi dessus</a>
<div id="conteneur" style="display:none;"></div>

<script type="text/javascript">
function ta_fonction() { // on déclare la fonction
  conteneur = document.getElementById("conteneur"); // on récupère le div vide grâce à son id
  if(conteneur.style.display!="none") { // Si le div est visible
    conteneur.style.display = "none"; // on le masque...
  } else { // sinon
    conteneur.style.innerHTML = "YOP, du contenu, <em>divers</em> et <strong>varié...</strong>"; // On met quelque chose dedans
    conteneur.style.display = "block"; // et on fait apparaître le div.
  }
}
</script>

Merci Golmote ! C'est très bien expliqué, je pensais avoir tout compris, jusque je teste ton script qui ne marche pas

Je tente de trouver l'erreur

EDIT : J'ai trouver ton erreur !

conteneur.style.innerHTML = "YOP, du contenu, <em>divers</em> et <strong>varié...</strong>";

il faut enlever style
comme ca :

conteneur.innerHTML = "YOP, du contenu, <em>divers</em> et <strong>varié...</strong>";

EDIT2 ! En fait c'est tres limité, des qu'il y'a un saut de ligne ca veut plus.

Arf oui, désolé pour le "style" qui traînait. J'ai fait le code vite et sans vérifier

Peux-tu expliciter ton problème, j'ai pas tout compris... Quels sauts de lignes ?

Montre du code éventuellement, pour illustrer.

Je pense à quelque chose dans le genre :

conteneur.innerHTML = "YOP, du contenu, <em>divers</em> et <strong>varié...</strong>";
conteneur.innerHTML = "un peu plus de contenu !!! hééé ça remplace l'ancien !!";

et en fait, du coup ça marche pas... mais simplement parce qu'on remet le "=" ce qui veut dire qu'on remplace l'ancien contenu !

conteneur.innerHTML = "YOP, du contenu, <em>divers</em> et <strong>varié...</strong>";
conteneur.innerHTML += "un peu plus de contenu !!! Youpie ça le rajoute à la fin !";

Essaie ça !
+
Birdy

innerHTML apporte des performances bien meilleures que le DOM ... à condition d'être utilisée à bon escient :

var monHashTeMeLe = "YOP, du contenu, <em>divers</em> et <strong>varié...</strong>";
monHashTeMeLe += "un peu plus de contenu !!! Youpie ça le rajoute à la fin !"

conteneur.innerHTML = monHashTeMeLe;

En effet chaque appel à innerHTML et la page est redéfinie. Autant n'appeler innerHTML qu'il seule fois

loacast +1 !

Je retiens...