Bonjour les amis, je relance le sujet et j’apporte du nouveau, qui j’espère vous aidera a mieux me comprendre (et qui peut-être aidera d’autres personnes qui sont bloquer a cette étape).
Alors ce que j’ai de nouveau, c’est qu’après des tas de recherches acharné, j’ai trouvé comment créer et rattacher un formulaire à liste déroulante à ma base SPIP.
Vous me dirai que c’est bien et que j’ai résolu mon problème ? Mais souvenez-vous ! Je voulais faire : un formulaire à liste déroulante A CHOIX MULTIPLE (un peut plus compliqué qu’un simple formulaire à liste déroulante). Mais c’est bien nous somme sur la bonne voix :)
Donc, pouvez-vous m’aider a résoudre ce problème svp ?
Ne vous inquitez pas, je vous met les 2 codes ; le code du simple formulaire à liste déroulante que j’ai réussi et l’autres, le boss du game, le formulaire à liste déroulante à choix multiple.
le code du simple formulaire à liste déroulante que j’ai réussi :
<select onChange="location.href='' this.options[this.selectedIndex].value">
<OPTION selected>Tags</OPTION>
<BOUCLE_tags(MOTS) {id_groupe=1} {par titre}>
<option value="#URL_MOT">#TITRE</option>
</BOUCLE_tags>
</select>
Voici un lien pour voir le résultat, en haut colonne de droite de la page :
http://www.philippelaura.com/lelabo/L-economie-collaborative-est-elle.html
Et maintenant je vous met le code qui permet de faire le formulaire à liste déroulante à choix multiple (mais que j’arrive pas a faire bien fonctionné a cause d’un bug) :
<form>
<div class="multiselect" onChange="location.href='' this.options[this.selectedIndex].value">
<div class="selectBox" onclick="showCheckboxes()">
<select>
<option selected>Tags</option>
</select>
<div class="overSelect"></div>
</div>
<BOUCLE_Tags(MOTS) {id_groupe=6} {par titre}>
<div id="checkboxes">
<label for="one">
<input id="one" type="checkboxe" value="#URL_MOT" />#TITRE
</label>
</div>
</BOUCLE_Tags>
</div>
</form>
<style>
.multiselect {
width: 200px;
}
.selectBox {
position: relative;
}
.selectBox select {
width: 100%;
font-weight: bold;
}
.overSelect {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#checkboxes {
display: none;
border: 1px #dadada solid;
background-color: gray;
}
#checkboxes label {
display: block;
}
#checkboxes label:hover {
background-color: yellow;
}
</style>
<script>
var expanded = false;
function showCheckboxes() {
var checkboxes = document.getElementById("checkboxes");
if (!expanded) {
checkboxes.style.display = "block";
expanded = true;
} else {
checkboxes.style.display = "none";
expanded = false;
}
}
</script>
Ce code est en locale, malheureusement je peux pas vous l’afficher (j’ai essayé de mettre une capture d’écran mais je pouvais pas)
Mais n’hésitez pas a tester le code pour voir ce que cela donne, peut-être que vous comprendrai mieux mon problème pourvoir m’aider.
Merci j’attend avec impatience vos commentaire, venez nombreux ! :D
Merci ! :)