Partage
  • Partager sur Facebook
  • Partager sur Twitter

Insertion textarea et scroll barre

    16 janvier 2009 à 13:52:48

    Bonjour, j'aimerais savoir comment éviter que la scroll barre remonte en haut lorsque j'insère du bbcode dans mon textarea.
    Merci d'avance.

    • Partager sur Facebook
    • Partager sur Twitter
      16 janvier 2009 à 14:01:30

      Tu peux sauvegarder la position de la scollbar avant l'insertion (via la propriété scrollTop), puis la remettre identique après l'insertion :

      var textarea = document.getElementById('mazonedetext');
      var scrollPosition = textarea.scrollTop;
      /*Puis code de l'insertion de contenu*/
      textarea.scrollTop = scrollPosition;
      
      • Partager sur Facebook
      • Partager sur Twitter
        16 janvier 2009 à 15:10:26

        J'ai mis exactement ceci mais cela ne fonctionne pas..
        (Oui j'ai bien nommé mon textarea etc..)
        • Partager sur Facebook
        • Partager sur Twitter
        Anonyme
          16 janvier 2009 à 15:25:31

          bah donne ton code on est pas devins
          • Partager sur Facebook
          • Partager sur Twitter
            16 janvier 2009 à 15:44:02

            Yep, il doit avoir un soucis du côté de ton code car j'ai déjà utilisé la solution que je t'ai donnée. Montre-nous de quelle façon tu l'as appliquée...
            • Partager sur Facebook
            • Partager sur Twitter
              16 janvier 2009 à 16:43:03

              Voila mon code :

              function bb_simple(selec,formulaire,champ)
              {
              	oField = document.forms[formulaire].elements[champ];
              	objectValue = oField.value;
              	deb = oField.selectionStart;
              	fin = oField.selectionEnd;
              	
              	//Hauteur du scroll
              	var textarea = document.getElementById(champ);
              	var scrollPosition = textarea.scrollTop;
              	
              	objectValueDeb = objectValue.substring( 0 , oField.selectionStart );
              	objectValueFin = objectValue.substring( oField.selectionEnd , oField.textLength );
              	objectSelected = objectValue.substring( oField.selectionStart ,oField.selectionEnd );
              		
              
              	oField.value = objectValueDeb + "[" + selec + "]" + objectSelected + "[/" + selec + "]" + objectValueFin;
              	oField.selectionStart = strlen(objectValueDeb);
              	oField.selectionEnd = strlen(objectValueDeb + "[" + selec + "]" + objectSelected + "[/" + selec + "]");
              	
              	oField.focus();
              	oField.setSelectionRange(
              	objectValueDeb.length + selec.length + 2,
              	objectValueDeb.length + selec.length + 2);
              	
              	textarea.scrollTop = scrollPosition;
              }
              
              • Partager sur Facebook
              • Partager sur Twitter

              Insertion textarea et scroll barre

              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
              × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
              • Editeur
              • Markdown