Question php / html
Résolu
AnGelluS
Messages postés
153
Date d'inscription
Statut
Membre
Dernière intervention
-
AnGelluS Messages postés 153 Date d'inscription Statut Membre Dernière intervention -
AnGelluS Messages postés 153 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un site en php qui fonctionne parfaitement, un copain voudrait que je luis créé les bases pour son site : lien etc....
Il voudrait les mêmes types de lien que moi c'est-a-dire : une seul page ou les liens font disparaitre les textes et réapparaitre le texte qui correspond :
Ici, mon lien News, une fois cliquer dessus, fait disparaitre les autres textes
<a href="#" onclick='document.getElementById("News").style.display = "inline"
document.getElementById("Association").style.display = "none"
document.getElementById("contact").style.display = "none"
document.getElementById("accueil").style.display = "none"'>News</a>
Ici, je note l'autre script pour afficher le texte News:
<div id="News" style="display:none;">mon texte</div>
Cependant, il souhaite un site en html
Alors j'ai tester avec mes liens, sa fonctionner, jusqu'au moment ou je créé un second texte a afficher : maintenant les textes restent tous afficher après chaque lien, donc imaginons :
-je clique sur news : news s'affiche
-je clique sur contact : news reste afficher et contact s'affiche a la suite ^^
Après plusieurs essaie j'ai remarquer :
-qu'en fonctionne d'où est placer les lignes "none" dans le lien des fois sa marche est d'autre pas
Alors que sous PHP :
-il n'y avait pas d'ordre précis pour les placer, que ce soit :
document.getElementById("Association").style.display = "none"
document.getElementById("contact").style.display = "none"
ou
document.getElementById("contact").style.display = "none"
document.getElementById("Association").style.display = "none"
C'était pareil !!!
Est-ce lié au fait que ce soit sur une page html ? ? ou ai-je oublier ou mal fait quelque chose ????
J'ai un site en php qui fonctionne parfaitement, un copain voudrait que je luis créé les bases pour son site : lien etc....
Il voudrait les mêmes types de lien que moi c'est-a-dire : une seul page ou les liens font disparaitre les textes et réapparaitre le texte qui correspond :
Ici, mon lien News, une fois cliquer dessus, fait disparaitre les autres textes
<a href="#" onclick='document.getElementById("News").style.display = "inline"
document.getElementById("Association").style.display = "none"
document.getElementById("contact").style.display = "none"
document.getElementById("accueil").style.display = "none"'>News</a>
Ici, je note l'autre script pour afficher le texte News:
<div id="News" style="display:none;">mon texte</div>
Cependant, il souhaite un site en html
Alors j'ai tester avec mes liens, sa fonctionner, jusqu'au moment ou je créé un second texte a afficher : maintenant les textes restent tous afficher après chaque lien, donc imaginons :
-je clique sur news : news s'affiche
-je clique sur contact : news reste afficher et contact s'affiche a la suite ^^
Après plusieurs essaie j'ai remarquer :
-qu'en fonctionne d'où est placer les lignes "none" dans le lien des fois sa marche est d'autre pas
Alors que sous PHP :
-il n'y avait pas d'ordre précis pour les placer, que ce soit :
document.getElementById("Association").style.display = "none"
document.getElementById("contact").style.display = "none"
ou
document.getElementById("contact").style.display = "none"
document.getElementById("Association").style.display = "none"
C'était pareil !!!
Est-ce lié au fait que ce soit sur une page html ? ? ou ai-je oublier ou mal fait quelque chose ????
A voir également:
- Question php / html
- Editeur html - Télécharger - HTML
- Easy php - Télécharger - Divers Web & Internet
- Expert php pinterest - Télécharger - Langages
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
13 réponses
je rajoute les div pour afficher les textes ? ?
ou pour les liens ?
ici : tout est bon non ? pour chaque portion est fini par </div>
<div id="Association" style="display:none;"><h2>Ma rubrique Association !</h2> <!--Pour modifier la partie Association -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>Association</p></div>
ou pour les liens ?
ici : tout est bon non ? pour chaque portion est fini par </div>
<div id="Association" style="display:none;"><h2>Ma rubrique Association !</h2> <!--Pour modifier la partie Association -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>Association</p></div>
Bonjour,
Est ce que tu as bien mis des points virgule pour séparer tes instructions dans les fonctions 'onclick' ?
Dans tous les cas, peux-tu mettre l'ensemble du code de ta page pour que l'on regarde. A priori, pour une chose "aussi simple", PHP ou HTML, le code peu être le même.
Est ce que tu as bien mis des points virgule pour séparer tes instructions dans les fonctions 'onclick' ?
Dans tous les cas, peux-tu mettre l'ensemble du code de ta page pour que l'on regarde. A priori, pour une chose "aussi simple", PHP ou HTML, le code peu être le même.
Comme cela tu veux dire :
<a href="#" onclick='document.getElementById("News").style.display = "inline" ;
oui oui ils y sont ^^
<a href="#" onclick='document.getElementById("News").style.display = "inline" ;
oui oui ils y sont ^^
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
je n'ai pas créé tout les liens vu que je tester ^^
<body>
<div id="global">
<div id="header">
</div>
<div id="contenu">
<div id="rub">
<div id="accueil" style="display:inline;"><h2>Ma rubrique à moi !</h2> <!--Pour modifier l'accueil -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>accueil</p></div>
<div id="Association" style="display:none;"><h2>Ma rubrique Association !</h2> <!--Pour modifier la partie Association -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>Association</p></div>
<div id="Vie Pratique" style="display:none;"><h2>Ma rubrique Pratique !</h2> <!--Pour modifier la partie Vie Pratique -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>Vie Pratique</p></div>
<div id="News" style="display:none;"><h2>Ma rubrique News !</h2> <!--Pour modifier la partie News -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>News</p></div>
<div id="photos" style="display:none;"><h2>Ma rubrique Photos !</h2> <!--Pour modifier la partie photos -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>photos</p></div>
<div id="Partenariat" style="display:none;"><h2>Ma rubrique Partenariat !</h2> <!--Pour modifier la partie Partenariat -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>Partenariat</p></div>
<div id="contact" style="display:none;"><h2>Ma rubrique contact !</h2> <!--Pour modifier la partie contact -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>contact</p></div>
<img src="images/man.jpg" style="float:right" alt="" />
<h3>Superbe, cet univers !</h3>
<p>mon texte</p>
<h2>Une autre rubrique !</h2>
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>Mon texte.</p>
<div class="space"></div>
</div>
<div id="menu">
<ul>
<li class="a"><a href="index.html">Accueil du site</a></li>
<li><a href="#" onclick='document.getElementById("Association").style.display = "inline";
document.getElementById("News").style.display = "none"
document.getElementById("Vie pratique").style.display = "none"
document.getElementById("Photos").style.display = "none"
document.getElementById("contact").style.display = "none"
document.getElementById("Partenariat").style.display = "none"
document.getElementById("accueil").style.display = "none"'>Association</a></li>
<li class="s"><a href="#" onclick='document.getElementById("Vie Pratique").style.display = "inline";
document.getElementById("accueil").style.display = "none"
document.getElementById("contact").style.display = "none"
document.getElementById("Photos").style.display = "none"
document.getElementById("News").style.display = "none"
document.getElementById("Partenariat").style.display = "none"
document.getElementById("Association").style.display = "none"'>Vie pratique</a></li>
<li><a href="#" onclick='document.getElementById("News").style.display = "inline";
document.getElementById("Partenariat").style.display = "none"
document.getElementById("Association").style.display = "none"
document.getElementById("Photos").style.display = "none"
document.getElementById("Vie pratique").style.display = "none"
document.getElementById("accueil").style.display = "none"
document.getElementById("contact").style.display = "none"'>News</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">+ d'infos</a></li>
<li class="f"><a href="#">Nous contacter</a></li>
</ul>
</div>
<div class="space Style1"></div>
</div>
<div id="footer">
<div id="f_g">
Copyright - Tous droits réservés - 2009/2010 -
</div>
</div>
<div class="space"></div>
</div>
</body>
<body>
<div id="global">
<div id="header">
</div>
<div id="contenu">
<div id="rub">
<div id="accueil" style="display:inline;"><h2>Ma rubrique à moi !</h2> <!--Pour modifier l'accueil -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>accueil</p></div>
<div id="Association" style="display:none;"><h2>Ma rubrique Association !</h2> <!--Pour modifier la partie Association -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>Association</p></div>
<div id="Vie Pratique" style="display:none;"><h2>Ma rubrique Pratique !</h2> <!--Pour modifier la partie Vie Pratique -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>Vie Pratique</p></div>
<div id="News" style="display:none;"><h2>Ma rubrique News !</h2> <!--Pour modifier la partie News -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>News</p></div>
<div id="photos" style="display:none;"><h2>Ma rubrique Photos !</h2> <!--Pour modifier la partie photos -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>photos</p></div>
<div id="Partenariat" style="display:none;"><h2>Ma rubrique Partenariat !</h2> <!--Pour modifier la partie Partenariat -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>Partenariat</p></div>
<div id="contact" style="display:none;"><h2>Ma rubrique contact !</h2> <!--Pour modifier la partie contact -->
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>contact</p></div>
<img src="images/man.jpg" style="float:right" alt="" />
<h3>Superbe, cet univers !</h3>
<p>mon texte</p>
<h2>Une autre rubrique !</h2>
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>
<p>Mon texte.</p>
<div class="space"></div>
</div>
<div id="menu">
<ul>
<li class="a"><a href="index.html">Accueil du site</a></li>
<li><a href="#" onclick='document.getElementById("Association").style.display = "inline";
document.getElementById("News").style.display = "none"
document.getElementById("Vie pratique").style.display = "none"
document.getElementById("Photos").style.display = "none"
document.getElementById("contact").style.display = "none"
document.getElementById("Partenariat").style.display = "none"
document.getElementById("accueil").style.display = "none"'>Association</a></li>
<li class="s"><a href="#" onclick='document.getElementById("Vie Pratique").style.display = "inline";
document.getElementById("accueil").style.display = "none"
document.getElementById("contact").style.display = "none"
document.getElementById("Photos").style.display = "none"
document.getElementById("News").style.display = "none"
document.getElementById("Partenariat").style.display = "none"
document.getElementById("Association").style.display = "none"'>Vie pratique</a></li>
<li><a href="#" onclick='document.getElementById("News").style.display = "inline";
document.getElementById("Partenariat").style.display = "none"
document.getElementById("Association").style.display = "none"
document.getElementById("Photos").style.display = "none"
document.getElementById("Vie pratique").style.display = "none"
document.getElementById("accueil").style.display = "none"
document.getElementById("contact").style.display = "none"'>News</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">+ d'infos</a></li>
<li class="f"><a href="#">Nous contacter</a></li>
</ul>
</div>
<div class="space Style1"></div>
</div>
<div id="footer">
<div id="f_g">
Copyright - Tous droits réservés - 2009/2010 -
</div>
</div>
<div class="space"></div>
</div>
</body>
document.getElementById("Association").style.display = "none"
document.getElementById("contact").style.display = "none"
ou
document.getElementById("contact").style.display = "none"
document.getElementById("Association").style.display = "none"
===> c'est du javascript tout ca ;) je vois pas de php dans ta page
document.getElementById("contact").style.display = "none"
ou
document.getElementById("contact").style.display = "none"
document.getElementById("Association").style.display = "none"
===> c'est du javascript tout ca ;) je vois pas de php dans ta page
Mon site est en php, et c'est style de code fonctionner
Après avoir fait la même manipulation, pour une page en html : cela ne fonctionne plus ^^
je voudrais juste savoir pourquoi ? ou si j'ai oublier une chose.
C'est peut-être du java, je pourrais pas le dire ^^ j'arrive a me débrouiller mais je suis loin d'être un spécialiste ^^ disons débutant qui bosse petit à petit pour ce débrouiller :)
Après avoir fait la même manipulation, pour une page en html : cela ne fonctionne plus ^^
je voudrais juste savoir pourquoi ? ou si j'ai oublier une chose.
C'est peut-être du java, je pourrais pas le dire ^^ j'arrive a me débrouiller mais je suis loin d'être un spécialiste ^^ disons débutant qui bosse petit à petit pour ce débrouiller :)
Faut apprendre à lire, tu n'as mis aucun point virgule après ta première instruction dans les fonctions 'onclick' ;)
Conclusion (du moins il me semble) : ta première ligne de code javascript est exécutée correctement, mais pas les suivantes puisqu'incompréhensible ou incohérente (c'est comme si tu marquais toutes tes instructions attachées les unes aux autres -> on voit bien que ce n'est plus du "bon" code javascript.
(ou alors on est pas obligé de mettre les ';' mais je ne suis pas au courant, dans ce cas, ne pas prendre en compte ma remarque)
Donc met des ';' entre chaque instruction et redis moi ce qu'il se passe.
Conclusion (du moins il me semble) : ta première ligne de code javascript est exécutée correctement, mais pas les suivantes puisqu'incompréhensible ou incohérente (c'est comme si tu marquais toutes tes instructions attachées les unes aux autres -> on voit bien que ce n'est plus du "bon" code javascript.
(ou alors on est pas obligé de mettre les ';' mais je ne suis pas au courant, dans ce cas, ne pas prendre en compte ma remarque)
Donc met des ';' entre chaque instruction et redis moi ce qu'il se passe.
sa doit être comme sa ?
<a href="#" onclick='document.getElementById("Association").style.display = "inline";
document.getElementById("News").style.display = "none";
document.getElementById("Vie pratique").style.display = "none";
document.getElementById("Photos").style.display = "none";
document.getElementById("contact").style.display = "none";
document.getElementById("Partenariat").style.display = "none";
document.getElementById("accueil").style.display = "none"'>Association</a>
Si c'est sa, sa marche pas ^^
<a href="#" onclick='document.getElementById("Association").style.display = "inline";
document.getElementById("News").style.display = "none";
document.getElementById("Vie pratique").style.display = "none";
document.getElementById("Photos").style.display = "none";
document.getElementById("contact").style.display = "none";
document.getElementById("Partenariat").style.display = "none";
document.getElementById("accueil").style.display = "none"'>Association</a>
Si c'est sa, sa marche pas ^^
Oui, d'une part, c'est toujours plus propre.
En fait, en testant en local chez moi, ça ne marche pas car tu fais des "document.getElementById('blabla").quelquechose
Or, certaines de tes DIV ne sont pas en place et sont donc inconnues dans le document. Conclusion, lorsque tu tente d'accèder à des propriétés de quelque chose qui n'existe pas, tu as une erreur javascript qui empêche d'effectuer le reste du code javascript.
Tu remarquera par exemple qu'en cliquant sur "news", puis "vie pratique", puis "news", puis "vie pratique", le "vie pratique" ne fonctionne plus, parce qu'il y a je crois des erreurs javascript qui bloque l'exécution.
Donc mets en place toutes tes zones (div), fini le code de ta page et fais les test après.
En fait, en testant en local chez moi, ça ne marche pas car tu fais des "document.getElementById('blabla").quelquechose
Or, certaines de tes DIV ne sont pas en place et sont donc inconnues dans le document. Conclusion, lorsque tu tente d'accèder à des propriétés de quelque chose qui n'existe pas, tu as une erreur javascript qui empêche d'effectuer le reste du code javascript.
Tu remarquera par exemple qu'en cliquant sur "news", puis "vie pratique", puis "news", puis "vie pratique", le "vie pratique" ne fonctionne plus, parce qu'il y a je crois des erreurs javascript qui bloque l'exécution.
Donc mets en place toutes tes zones (div), fini le code de ta page et fais les test après.
Re, après un petit test, il s'avère qu'en fait tu as fait des fautes de syntaxe en appelant tes DIV.
Dans ton code javascript, tu cherches les éléments suivants : 'Photos' et 'Vie pratique'
Or, tes DIV sont nommées comme ceci : 'photos' et 'Vie Pratique'
Il faut donc que tu modifie soit l'identifiant de tes DIV, soit le nom que tu donnes dans tes javascript pour appeler les bons trucs, sinon tu obtiens des erreurs et tes script JS se bloque, n'exécutant pas tout.
Si tu utilise FireFox, je te conseille vivement d'utiliser la console d'erreur (Outils->Console d'erreurs) qui te permet entre autre de voir facilement les erreurs javascript sur tes pages et ainsi les corriger.
Dans ton code javascript, tu cherches les éléments suivants : 'Photos' et 'Vie pratique'
Or, tes DIV sont nommées comme ceci : 'photos' et 'Vie Pratique'
Il faut donc que tu modifie soit l'identifiant de tes DIV, soit le nom que tu donnes dans tes javascript pour appeler les bons trucs, sinon tu obtiens des erreurs et tes script JS se bloque, n'exécutant pas tout.
Si tu utilise FireFox, je te conseille vivement d'utiliser la console d'erreur (Outils->Console d'erreurs) qui te permet entre autre de voir facilement les erreurs javascript sur tes pages et ainsi les corriger.
La solution est donnée dans le message précédent : https://forums.commentcamarche.net/forum/affich-14775029-question-php-html#10
