Poster une réponse à un sujet: Site internet : pages d'enfants
Attention, ce sujet est un sujet ancien (4878 jours sans réponse)
Monky
Sauf erreur de ma part, tu souhaites que le choix d'un enfant dans ta liste provoque l'ouverture de "sa" page, ton onchange n'est donc pas placé au bon endroit. Il faut le placer sur l'élément dont tu souhaites suivre le changement.
Du coup tu peux virer les form qui ne servent à rien...
Du coup tu peux virer les form qui ne servent à rien...
Merci beaucoup ebdalaoueb ! C'est nickel ! J'arrête maintenant de vous ennuyer...
![:shy: :shy:](images/smileys/shy.gif)
ebdalaoueb
Sauf erreur de ma part, tu souhaites que le choix d'un enfant dans ta liste provoque l'ouverture de "sa" page, ton onchange n'est donc pas placé au bon endroit. Il faut le placer sur l'élément dont tu souhaites suivre le changement.
Du coup tu peux virer les form qui ne servent à rien...
ça donne donc :
Du coup tu peux virer les form qui ne servent à rien...
ça donne donc :
- <div id="sidebar2">
- Bonjour ! Bienvenue sur ma page personnelle ! Je vous invite à parcourir mes créations à l'aide du menu ci-dessous.
- <h4>Menu de navigation</h4>
- <a href="#present">Je me présente</a><br/>
- <a href="#textes">Mes textes</a><br/>
- <a href="#multimedia">Mes documents multimédias</a><br/>
- <a href="#photos">Quelques photos</a><br/>
- <a href="#comments">Accéder aux commentaires</a><br/>
- <a href="#respond">Écrire un commentaire</a><br/>
- <a href="#haut">Retour en haut de la page</a><br/>
- <h4>Les enfants de ma classe</h4>
- <a href="http://www.enseignelibre.be/?page_id=2544">Cliquez ici</a> pour accéder aux autres enfants de ma classe.
- <SELECT name="nom" size="1" onchange="location.href=this.value">
- <OPTION value="http://www.enseignelibre.be/?page_id=2667">Amal</OPTION>
- <OPTION value="http://www.enseignelibre.be/?page_id=2919">Arzu</OPTION>
- </SELECT>
- </div>
Monky
J'ai une dernière question à soumettre.
Je voudrais créer une liste déroulante contenant des liens hypertextes. Dans mon fichier Sidebar2, j'ai donc insérer un code que j'ai déduit en visitant le web :
Mais cela ne fonctionne pas. J'ai du faire une bourde quelque part...
Voici l'intégralité du fichier :
Je voudrais créer une liste déroulante contenant des liens hypertextes. Dans mon fichier Sidebar2, j'ai donc insérer un code que j'ai déduit en visitant le web :
<FORM onchange="location.href=this.value">
<SELECT name="nom" size="1">
</FORM>
<OPTION value="http://www.enseignelibre.be/?page_id=2667">Amal</OPTION>
<OPTION value="http://www.enseignelibre.be/?page_id=2919">Arzu</OPTION>
</SELECT>
</FORM>
<SELECT name="nom" size="1">
</FORM>
<OPTION value="http://www.enseignelibre.be/?page_id=2667">Amal</OPTION>
<OPTION value="http://www.enseignelibre.be/?page_id=2919">Arzu</OPTION>
</SELECT>
</FORM>
Mais cela ne fonctionne pas. J'ai du faire une bourde quelque part...
Voici l'intégralité du fichier :
<?php
/**
* @package WordPress
* @subpackage Tweaker2
*/
?>
<div id="sidebar2">
Bonjour ! Bienvenue sur ma page personnelle ! Je vous invite à parcourir mes créations à l'aide du menu ci-dessous.
<h4>Menu de navigation</h4>
<a href="#present">Je me présente</a><br/>
<a href="#textes">Mes textes</a><br/>
<a href="#multimedia">Mes documents multimédias</a><br/>
<a href="#photos">Quelques photos</a><br/>
<a href="#comments">Accéder aux commentaires</a><br/>
<a href="#respond">Écrire un commentaire</a><br/>
<a href="#haut">Retour en haut de la page</a><br/>
<h4>Les enfants de ma classe</h4>
<a href="http://www.enseignelibre.be/?page_id=2544">Cliquez ici</a> pour accéder aux autres enfants de ma classe.
<FORM>
<FORM onchange="location.href=this.value">
<SELECT name="nom" size="1">
</FORM>
<OPTION value="http://www.enseignelibre.be/?page_id=2667">Amal</OPTION>
<OPTION value="http://www.enseignelibre.be/?page_id=2919">Arzu</OPTION>
</SELECT>
</FORM>
</div>
</div>
/**
* @package WordPress
* @subpackage Tweaker2
*/
?>
<div id="sidebar2">
Bonjour ! Bienvenue sur ma page personnelle ! Je vous invite à parcourir mes créations à l'aide du menu ci-dessous.
<h4>Menu de navigation</h4>
<a href="#present">Je me présente</a><br/>
<a href="#textes">Mes textes</a><br/>
<a href="#multimedia">Mes documents multimédias</a><br/>
<a href="#photos">Quelques photos</a><br/>
<a href="#comments">Accéder aux commentaires</a><br/>
<a href="#respond">Écrire un commentaire</a><br/>
<a href="#haut">Retour en haut de la page</a><br/>
<h4>Les enfants de ma classe</h4>
<a href="http://www.enseignelibre.be/?page_id=2544">Cliquez ici</a> pour accéder aux autres enfants de ma classe.
<FORM>
<FORM onchange="location.href=this.value">
<SELECT name="nom" size="1">
</FORM>
<OPTION value="http://www.enseignelibre.be/?page_id=2667">Amal</OPTION>
<OPTION value="http://www.enseignelibre.be/?page_id=2919">Arzu</OPTION>
</SELECT>
</FORM>
</div>
</div>
zion
De rien
![:smile: :smile:](images/smileys/smile.gif)
Monky
J'ai remis le Css initial et replacé ma sidebar2. Ça refonctionne... Je ne touche plus à rien
Un grand merci, Zion !
![:wink: :wink:](images/smileys/wink.gif)
Un grand merci, Zion !
Monky
J'ai remis la version précédente que tu m'as proposée car j'ai diminué le nombres d'items dans le menu. Mais... j'ai un soucis maintenant que je ne comprends pas. La page n'est plus centrée et se met complètement à droite. J'ai du faire une bourde quelque part. J'enquête...
zion
J'ai pas dit que ce serait beau, juste pratique
![:tinostar: :tinostar:](images/smileys/tinostar.gif)
Monky
Je viens de le faire mais le résultat est étrange...
zion
Maintenant faudrait réduire le contenu, parce que ça dépasse largement l'écran et comme on peut pas le scroller
Ou alors tu fais:
![:smile: :smile:](images/smileys/smile.gif)
Ou alors tu fais:
#sidebar2 {
left: 50%;
margin: 0 0 20px 200px;
overflow: hidden;
position: fixed;
width: 265px;
overflow-y: scroll;
max-height: 600px;
}
left: 50%;
margin: 0 0 20px 200px;
overflow: hidden;
position: fixed;
width: 265px;
overflow-y: scroll;
max-height: 600px;
}
Monky
Un truc du genre:
#sidebar2 {
left: 50%;
margin: 0 0 20px 200px;
overflow: hidden;
position: fixed;
width: 265px;
}
left: 50%;
margin: 0 0 20px 200px;
overflow: hidden;
position: fixed;
width: 265px;
}
![:smile: :smile:](images/smileys/smile.gif)
Un énooOOOOOoooooOOOOrme merci !