Hauteur de la "réponse rapide"

[Anya31]

Bonjour

Je voudrais modifier l'apparence de la réponse rapide

Je voudrais en fait:
1. tant qu'on ne clique pas dessus: une hauteur donnée, pas trop importante, avec un petit message dedans
2. quand on clique pour répondre: le message disparaisse, et la hauteur grandit en fonction de la réponse...

Alors j'ai déjà fait quelques trucs
pour la phrase, j'ai mis ce code javascript:

Code:

var phrase_politesse = "N'hésitez pas à répondre";
$(document).ready(function(){
    if($("#text_editor_textarea") != null){
          insertPhrase();
          }
    $("#text_editor_textarea").focus(function(){ 
          viderPhrase();
          });
    $("#text_editor_textarea").blur(function(){
          insertPhrase();
          });
    });

function insertPhrase(){
      if($("#text_editor_textarea").val() == ""){
          $("#text_editor_textarea").val(phrase_politesse);
          }
      }

function viderPhrase(){
      if($("#text_editor_textarea").val() == phrase_politesse){
          $("#text_editor_textarea").val("");
          }
      }

et dans le CSS, j'ai modifié le cadre

Code:

/*#####REPONSE RAPIDE#####*/
form#quick_reply textarea#text_editor_textarea {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -m-border-radius: 6px;
    border-radius: 6px;
    padding: 15px;
    border: 1px solid #FF8A00 !important;
    box-shadow: 1px 1px 2px #FF8A00 !important;
    }

J'ai essayé dans le CSS d'indiquer des hauteurs, de faire des transitions,...
mais ça ne fonctionne pas

Pouvez-vous m'aider ?

Merci par avance


Edit:

Tant qu'à y être
voici des captures des différents navigateurs... Y a-t-il un moyen d'homogénéiser tout cela ?

Internet Explorateur 9 : hauteur "grande", barre de défilement sur le coté^^, pas de 'poignée' en bas à droite pour modifier manuellement la hauteur...


Chrome : hauteur "grande" aussi, là la poignée du bas y est, mais sans respecter le padding:15px du CSS


Opéra : hauteur grande, pas de poignée...


Firefox : petite hauteur, la poignée ! Impeccable !

[Anya31]

Une petite idée ?
Merci

[Anya31]

up

[FANCH 56]

Bonsoir

Pour la question 2 , cette fonction existe déjà.

[Anya31]

pas tout à fait...
le fenêtre de réponse ne s'adapte pas à la longueur du texte

[FANCH 56]

Ha ok, tu veux aussi en horizontal.

Ne pas oublier que la réponse rapide, c'est pour peu de texte (en général). Donc pour plus de texte ou de contenu, utilisons le bouton REPONDRE

[Anya31]

Non non : je ne parle que de hauteur

pourquoi passer en réponse complète si les options proposées dans la réponse rapide suffisent pour écrire plus de 8 lignes ....

[Anya31]

un petit up

[Anya31]

un petit up

[Anya31]

up

[tupac]

Bonsoir

Avez-vous essayé avec ce code ?

Code:

#text_editor_textarea {
  min-width:700px;
  min-height:300px;
}

en lui donnant la hauteur et largeur minimal souhaité.

Par contre il n'existe aucune solution pour que la fenêtre s'agrandisse au fur et a mesure de la saisi du texte, seul la barre de droite fera sont apparition et fera défiler le texte.

[Anya31]

bonjour,

ça "fonctionne" comme ça :

Code:

form#quick_reply textarea#text_editor_textarea {
    height: 25% !important;
    }
form#quick_reply textarea#text_editor_textarea:focus {
    height: 75% !important;
    }

merci de votre aide

[FANCH 56]

Merci Anya31 de nous avoir donné ce code. Qui fonctionne aussi sous Invision

[Anya31]

ben de rien
avec toutes les combinaisons que j'ai essayé (arrachage de cheveux ^^), le partage est normal