Hauteur de la "réponse rapide"

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Résolu Hauteur de la "réponse rapide"

Message par Anya31 le Dim 23 Sep 2012 - 11:05

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 !


Dernière édition par Anya31 le Sam 29 Sep 2012 - 8:40, édité 1 fois

Anya31
****

Masculin
Messages : 383
Inscrit(e) le : 10/12/2010

http://touslesloulous.forumactif.com/index.htm
Anya31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de la "réponse rapide"

Message par Anya31 le Lun 24 Sep 2012 - 19:14

Une petite idée ?
Merci

Anya31
****

Masculin
Messages : 383
Inscrit(e) le : 10/12/2010

http://touslesloulous.forumactif.com/index.htm
Anya31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de la "réponse rapide"

Message par Anya31 le Mar 25 Sep 2012 - 19:16

up

Anya31
****

Masculin
Messages : 383
Inscrit(e) le : 10/12/2010

http://touslesloulous.forumactif.com/index.htm
Anya31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de la "réponse rapide"

Message par FANCH 56 le Mar 25 Sep 2012 - 19:21

Bonsoir

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


FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de la "réponse rapide"

Message par Anya31 le Mar 25 Sep 2012 - 20:09

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


Anya31
****

Masculin
Messages : 383
Inscrit(e) le : 10/12/2010

http://touslesloulous.forumactif.com/index.htm
Anya31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de la "réponse rapide"

Message par FANCH 56 le Mar 25 Sep 2012 - 20:20

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

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de la "réponse rapide"

Message par Anya31 le Mar 25 Sep 2012 - 20:26

Non non : je ne parle que de hauteur Wink

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
****

Masculin
Messages : 383
Inscrit(e) le : 10/12/2010

http://touslesloulous.forumactif.com/index.htm
Anya31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de la "réponse rapide"

Message par Anya31 le Mer 26 Sep 2012 - 20:54

un petit up

Anya31
****

Masculin
Messages : 383
Inscrit(e) le : 10/12/2010

http://touslesloulous.forumactif.com/index.htm
Anya31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de la "réponse rapide"

Message par Anya31 le Jeu 27 Sep 2012 - 21:06

un petit up

Anya31
****

Masculin
Messages : 383
Inscrit(e) le : 10/12/2010

http://touslesloulous.forumactif.com/index.htm
Anya31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de la "réponse rapide"

Message par Anya31 le Ven 28 Sep 2012 - 21:30

up

Anya31
****

Masculin
Messages : 383
Inscrit(e) le : 10/12/2010

http://touslesloulous.forumactif.com/index.htm
Anya31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de la "réponse rapide"

Message par tupac le Ven 28 Sep 2012 - 23:06

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.

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de la "réponse rapide"

Message par Anya31 le Sam 29 Sep 2012 - 8:39

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

Anya31
****

Masculin
Messages : 383
Inscrit(e) le : 10/12/2010

http://touslesloulous.forumactif.com/index.htm
Anya31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de la "réponse rapide"

Message par FANCH 56 le Sam 29 Sep 2012 - 9:01

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

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hauteur de la "réponse rapide"

Message par Anya31 le Sam 29 Sep 2012 - 9:10

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

Anya31
****

Masculin
Messages : 383
Inscrit(e) le : 10/12/2010

http://touslesloulous.forumactif.com/index.htm
Anya31 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum