Création
d'entreprise
Posez votre question Signaler

Question php / html [Résolu]

AnGelluS 152Messages postés 9 mai 2007Date d'inscription 16 septembre 2011Dernière intervention - Dernière réponse le 16 oct. 2009 à 14:52
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 ????
Lire la suite 

Question php / html »

13 réponses
Réponse
+1
moins plus
AnGelluS 152Messages postés 9 mai 2007Date d'inscription 16 septembre 2011Dernière intervention 16 oct. 2009 à 14:47
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>

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
kij_82 4070Messages postés 7 avril 2005Date d'inscription 24 septembre 2010Dernière intervention 16 oct. 2009 à 13:58
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.

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
AnGelluS 152Messages postés 9 mai 2007Date d'inscription 16 septembre 2011Dernière intervention 16 oct. 2009 à 14:09
Comme cela tu veux dire :


<a href="#" onclick='document.getElementById("News").style.display = "inline" ;

oui oui ils y sont ^^

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
kij_82 4070Messages postés 7 avril 2005Date d'inscription 24 septembre 2010Dernière intervention 16 oct. 2009 à 14:10
Ok, mets le code en entier de ta page s'il te plait.

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
AnGelluS 152Messages postés 9 mai 2007Date d'inscription 16 septembre 2011Dernière intervention 16 oct. 2009 à 14:22
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>

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Nabla's 18195Messages postés 4 juin 2008Date d'inscription 29 août 2011Dernière intervention 16 oct. 2009 à 14:25
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

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
AnGelluS 152Messages postés 9 mai 2007Date d'inscription 16 septembre 2011Dernière intervention 16 oct. 2009 à 14:28
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 :)

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
kij_82 4070Messages postés 7 avril 2005Date d'inscription 24 septembre 2010Dernière intervention 16 oct. 2009 à 14:30
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.

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
AnGelluS 152Messages postés 9 mai 2007Date d'inscription 16 septembre 2011Dernière intervention 16 oct. 2009 à 14:33
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 ^^

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
kij_82 4070Messages postés 7 avril 2005Date d'inscription 24 septembre 2010Dernière intervention 16 oct. 2009 à 14:39
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.

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
kij_82 4070Messages postés 7 avril 2005Date d'inscription 24 septembre 2010Dernière intervention 16 oct. 2009 à 14:46
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.

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
kij_82 4070Messages postés 7 avril 2005Date d'inscription 24 septembre 2010Dernière intervention 16 oct. 2009 à 14:48
La solution est donnée dans le message précédent : http://www.commentcamarche.net/forum/affich-14775029-question-php-html#10

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
AnGelluS 152Messages postés 9 mai 2007Date d'inscription 16 septembre 2011Dernière intervention 16 oct. 2009 à 14:52
tout a fait ^^ , c'est bien les majuscules et minuscules qui déconner ^^
Pourtant j'avais regarder aussi ^^ mais je suis passer a côté ^^

Merci beaucoup en tout cas

 Ajouter un commentaire
Ajouter un commentaire
Posez votre question
Ce document intitulé « Question php / html » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook