Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Liste déroulante

Patrice MOREL
le 12 septembre
à 11:26
Rappel du sujet :

Bonjour,
Je ne sais pas si c’est une "Suggestion" ou un question "Technique" :
J’aurais souhaité avoir la possibilité d’avoir une liste déroulante qui propose le choix d’années (par exemple) et renvoi sur l’ancre considérée ! Pour exemple voir mon article n°148 du site collectif-jeandeneyman.fr
Peut-être que le plugin Formidable le fait, mais je n’ai pas vu comment faire !
Merci pour vos réponses.
@micalement
Patrice

Liste déroulante

Bjr,

Est-ce que ce tuto suffit à t’éclairer ?

Sandy

Liste déroulante

Bonjour et merci Sandy
Je pense que c’est ce que je cherche.
J’essai, j’essai, j’essai, mais je ne ne pige pas :

<label for="idselect">{{Années disponibles}}</label>
  <select name="param" id="idselect">
    <option value="">Faites votre choix</option>
    <option value="1947"[(#ENV{[Ancre1947<-]}|=={1947}|?{' selected="selected"',''})]>[Ancre1947<-]</option>
    <option value="2"[(#ENV{param}|=={2}|?{' selected="selected"',''})]>Valeur 2</option>
    <option value="3"[(#ENV{param}|=={3}|?{' selected="selected"',''})]>Valeur 3</option>
    <option value="4"[(#ENV{param}|=={4}|?{' selected="selected"',''})]>Valeur 4</option>
  </select>

Pourrais-tu me faire un exemple STP avec "1947" et son ancre [Ancre1947<-] ?
Merci
@micalement
Patrice

Liste déroulante

Hello Patrice

Peux-tu arrêter de faire des tests de ton côté pour que je puisse faire les miens ?

Liste déroulante

Bon j’ai trouvé un truc qui doit fonctionner

<script>
        $('select').change(function(){
            document.location.href = '#' + $(this).find('option:selected').attr('value');
        })
</script>
<select>
    <option value="">Faites votre choix</option>
    <option value="Ancre1940">1940</option>
    <option value="Ancre1941">1941</option>
    <option value="Ancre1947">1947</option>
    etc
</select>

et à la place des ancres :

<p id="Ancre1947"></p>
<p id="Ancre1941"></p>
<p id="Ancre1940"></p>
Liste déroulante

Bonjour et merci Jean-Christophe
Cela ne semble pas concluant ! (je ne touche plus...)
Merci
@micalement
Patrice

Liste déroulante

Voilà, ça fonctionne avec les ancres en fait.
Et si tu écris tes ancres ainsi

<p class=ancre>[Ancre1941<-]</p>

et que tu rajoutes

.ancre {
  position: relative;
  top: -50px;
}

dans ton perso.css, l’année ne sera plus caché par le menu fixé en haut de page.

Liste déroulante

Merci Jean-Christophe
1 peccable
Merci encore
(Peut-être inclure dans Escal ?!...)
@micalement
Patrice

Liste déroulante

Un peu trop spécifique pour être inclus dans Escal.

Réagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre. Inutile de le poster à nouveau ;-)

Ajouter un document

Plan du site Contact Espace privé squelette RSS

2009-2025 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.5.4