Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Programmation

Question php / html

Dernière réponse le 16 oct 2009 à 22:35:56 AnGelluS, le 16 oct 2009 à 12:22:16

Signaler ce message aux modérateurs

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 ????

Configuration: XP pro
Intel core 2 Duo
GeForce 7600GS
Carte d'acquisition Pinnacle 110I PCI

Meilleures réponses pour « Question php / html » dans :

PHP-HTML -> PDF Voir

Variable HTML-->PHP-->HTML-->PHP Voir

Mettre un bouton html de lien (Résolu) Voir

[PHP] Détecter la résolution d'affichage VoirPHP ne fournit pas de fonction permettant la détection de la résolution d'affichage car l'information concernant l'affichage du visiteur n'est pas fournie nativement par le protocole HTTP. Javascript par contre permet de détecter la résolution...

[PHP-HTML] checkbox cochée ou non ? Voir

PHP/HTML tableau tri dynamique Voir

Editeur code php, html, javascript sous linux Voir

Télécharger Html To PDF Voir

PHP - Récupération de données VoirPHP rend très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML. Création d'un formulaire Grâce à la balise FORM du langage HTML, il est très simple de créer des formulaires comprenant : des champs de saisie des...

Implantation du code Php VoirL'interprétation du code par le serveur Un script PHP est un simple fichier texte contenant des instructions écrites à l'aide de caractères ASCII 7 bits (des caractères non accentués) incluses dans un code HTML à l'aide de balises spéciales et...

PHP - Affichage de texte sur le navigateur VoirLe but de PHP est de permettre la création de pages web dynamiques, ainsi son but premier est de pouvoir envoyer des données au navigateur. Les trois fonctions standards PHP fournit 3 fonctions permettant d'envoyer du texte au navigateur. Ces...

Je rajoute les div pour afficher les textes ? ? ou pour les liens ? Lire la suite

Posez votre question Répondre

kij_82, le 16 oct 2009 à 13:58:45

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.

~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~

Répondre à kij_82

AnGelluS, le 16 oct 2009 à 14:09:29

Comme cela tu veux dire :

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

oui oui ils y sont ^^

Répondre à AnGelluS

kij_82, le 16 oct 2009 à 14:10:50

Ok, mets le code en entier de ta page s'il te plait.

~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~

Répondre à kij_82

AnGelluS, le 16 oct 2009 à 14:22:40

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> 
<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> 
<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> 
<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> 
<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> 
<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> 
<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> 
<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>

Répondre à AnGelluS

Nabla's, le 16 oct 2009 à 14:25:36

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

Répondre à Nabla's

AnGelluS, le 16 oct 2009 à 14:28:45

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 :)

Répondre à AnGelluS

kij_82, le 16 oct 2009 à 14:30:49

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.

~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~

Répondre à kij_82

AnGelluS, le 16 oct 2009 à 14:33:53

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 ^^

Répondre à AnGelluS

kij_82, le 16 oct 2009 à 14:39:38

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.

~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~

Répondre à kij_82

kij_82, le 16 oct 2009 à 14:46:02

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.

~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~

Répondre à kij_82

AnGelluS, le 16 oct 2009 à 14:47:46

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> 
<div class="sub_h2"><img src="images/title.png" alt="title png" /></div>

<p>Association</p></div>

Répondre à AnGelluS

kij_82, le 16 oct 2009 à 14:48:59

La solution est donnée dans le message précédent : http://www.commentcamarche.net/forum/affich-14775029-question-php-html#10

~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~

Répondre à kij_82

AnGelluS, le 16 oct 2009 à 14:52:09

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

Répondre à AnGelluS

Posez votre question Répondre