Sujet Précédent Sujet Suivant

Question php / html

Résolu/Fermé
AnGelluS Messages postés 153 Date d'inscription mercredi 9 mai 2007 Statut Membre Dernière intervention 16 septembre 2011 - 16 oct. 2009 à 12:22
AnGelluS Messages postés 153 Date d'inscription mercredi 9 mai 2007 Statut Membre Dernière intervention 16 septembre 2011 - 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 ????
A voir également:

13 réponses

Réponse 1 / 13
AnGelluS Messages postés 153 Date d'inscription mercredi 9 mai 2007 Statut Membre Dernière intervention 16 septembre 2011 6
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>
1
Réponse 2 / 13
kij_82 Messages postés 4089 Date d'inscription jeudi 7 avril 2005 Statut Contributeur Dernière intervention 30 septembre 2013 857
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.
0
Réponse 3 / 13
AnGelluS Messages postés 153 Date d'inscription mercredi 9 mai 2007 Statut Membre Dernière intervention 16 septembre 2011 6
16 oct. 2009 à 14:09
Comme cela tu veux dire :


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

oui oui ils y sont ^^
0
Réponse 4 / 13
kij_82 Messages postés 4089 Date d'inscription jeudi 7 avril 2005 Statut Contributeur Dernière intervention 30 septembre 2013 857
16 oct. 2009 à 14:10
Ok, mets le code en entier de ta page s'il te plait.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 13
AnGelluS Messages postés 153 Date d'inscription mercredi 9 mai 2007 Statut Membre Dernière intervention 16 septembre 2011 6
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>
0
Réponse 6 / 13
Nabla's Messages postés 18203 Date d'inscription mercredi 4 juin 2008 Statut Contributeur Dernière intervention 28 avril 2014 3 193
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
0
Réponse 7 / 13
AnGelluS Messages postés 153 Date d'inscription mercredi 9 mai 2007 Statut Membre Dernière intervention 16 septembre 2011 6
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 :)
0
Réponse 8 / 13
kij_82 Messages postés 4089 Date d'inscription jeudi 7 avril 2005 Statut Contributeur Dernière intervention 30 septembre 2013 857
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.
0
Réponse 9 / 13
AnGelluS Messages postés 153 Date d'inscription mercredi 9 mai 2007 Statut Membre Dernière intervention 16 septembre 2011 6
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 ^^
0
Réponse 10 / 13
kij_82 Messages postés 4089 Date d'inscription jeudi 7 avril 2005 Statut Contributeur Dernière intervention 30 septembre 2013 857
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.
0
Réponse 11 / 13
kij_82 Messages postés 4089 Date d'inscription jeudi 7 avril 2005 Statut Contributeur Dernière intervention 30 septembre 2013 857
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.
0
Réponse 12 / 13
kij_82 Messages postés 4089 Date d'inscription jeudi 7 avril 2005 Statut Contributeur Dernière intervention 30 septembre 2013 857
16 oct. 2009 à 14:48
La solution est donnée dans le message précédent : https://forums.commentcamarche.net/forum/affich-14775029-question-php-html#10
0
Réponse 13 / 13
AnGelluS Messages postés 153 Date d'inscription mercredi 9 mai 2007 Statut Membre Dernière intervention 16 septembre 2011 6
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
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses
Balise </br>
erf -
erf -

3 réponses
Que veut dire <p>&nbsp;</p>?
quinn mallory -
prosthetiks -

3 réponses