CSS vs JavaScript & Reduire/Agrandir texte

CSS vs JavaScript & Reduire/Agrandir texte - HTML/CSS - Programmation

Marsh Posté le 05-03-2009 à 16:01:16    

Bonjour a tous, ayant cherche peandant des heures et des heures, je decide de poster en esperant avoir des reponses...
 
Ce que je souhaite faire est d'associer un evenement js (onFocus ou OnBlur) a un style.
 
Exemple: j'ai un champ text, j'aimerai que lorsque je clique dessus, le fond devient bleu, je sais qu'il faut faire  

Code :
  1. <input type="text"... onFocus="ma_fonction1();" onBlur="ma_fonction2();" ...>


mais je souhaiterai le faire de cette maniere:

Code :
  1. <input type="text"... class='ma_class' ...>


et dans ma_class, on definit le onFocus et onBlur()
 
j'ai essaye avec un style input:focus { } mais ca na rien donne :(
 
Une derniere chose svp, quel est le meilleur moyen de donner la possibilite au utilisateur d'agrandir/Reduire le texte d'une page web??
Exemple: http://tempsreel.nouvelobs.com/spe [...] ique_.html
 
Merci de votre aide

Reply

Marsh Posté le 05-03-2009 à 16:01:16   

Reply

Marsh Posté le 05-03-2009 à 16:22:58    

<input type="text"... onFocus="ma_fonction1(this);" onBlur="ma_fonction2(this);" ...>
 
function ma_fonction1(elt) {
elt.className = 'overclass';
}
function ma_fonction2(elt) {
elt.className = 'normalclass';
}


---------------
http://poemes.iceteapeche.com - http://www.simuland.net
Reply

Marsh Posté le 05-03-2009 à 16:45:28    

merci fluminis de ta reponse mais comme precise, c'est exactement ce que j'essaye d'eviter...

Reply

Marsh Posté le 05-03-2009 à 17:46:37    

:focus fonctionne pourtant avec des browser normaux
http://sahid.funraill.org/2007/03/ [...] ete-focus/
Mais pour IE, tu devras employer du js

Reply

Marsh Posté le 05-03-2009 à 18:00:22    

oui, c'est ce que j'ai constate pour IE, je vais dc devoir mettre du js!!
 
et sinon pour agrandir/Reduire le texte??

Reply

Marsh Posté le 06-03-2009 à 10:57:29    

Reply

Marsh Posté le 06-03-2009 à 16:04:25    

jQuery! j'en ai tellement entendu parler... c'est quoi au juste jQuery??
 
Merci pour les lien, tres interessant!!

Reply

Marsh Posté le 06-03-2009 à 16:17:19    

jQuery est un framework javascript : ie en raccourcissant un ensemble de fonctions qui peuvent te simplifier la vie.
 
L'avantage d'un tel framework : simplifier le developpement de fonctionnalités en se basant sur quelque chose de robuste qui a l'avantage d'etre compatible avec tous les navigateurs.


---------------
http://poemes.iceteapeche.com - http://www.simuland.net
Reply

Marsh Posté le 06-03-2009 à 16:27:09    

ok merci, justement je suis sur le site de jQuery entrain de comprendre leur fonctionnement ;)
 
et pour Reduire/Agrandir un text, aurais tu des idees?
 
j'en profite egallement pour poser une derniere question: si tu connais de tres bon/beau et simple calendrier (datepicker)
 
Merci infinimenet

Reply

Marsh Posté le 06-03-2009 à 17:00:22    

Je ne suis pas trop les icones pour agrandir le texte.
Les personnes avec un handicap ont de toute façon déjà réglé le texte plus grand dans leur navigateur, et sinon, les raccourcis pour augmenter la taille du texte existent dans le browser.
 
Mais si tu y tiens, j'aime bien le sytème du guardian, qui change de layout quand on atteint une certaine taille de police
http://www.guardian.co.uk/help/accessibility
 
Mais le plus important, c'est bien d'employer des tailles relative car les IE ne permettent pas d'augmenter une taille en pixel !

Reply

Marsh Posté le 06-03-2009 à 17:00:22   

Reply

Marsh Posté le 06-03-2009 à 17:11:42    

David Boring a écrit :

Mais le plus important, c'est bien d'employer des tailles relative car les IE ne permettent pas d'augmenter une taille en pixel !


ils ont pas rajouté une fonction de zoom sur IE7 qui ne fait pas que grossir la taille du texte mais vraiment zoomer sur la page (donc les images avec) ?


---------------
http://poemes.iceteapeche.com - http://www.simuland.net
Reply

Marsh Posté le 06-03-2009 à 17:22:14    

ouais, je pense que je vais laisser tomber cette histoir d'agrandissement de texte!!
il me semble qu'il y a une loi qui exige cette reglementation!!
j'ai egalement trouve un tres bon calendrier sur jQuery ;)
je suis mnt entrain de cherche si je trouve un script pour afficher des popup sous forme de calque.  
tu sais pas si jQuery ont des scripts similaires a ce qui est propose ici http://highslide.com/ ???

Reply

Marsh Posté le 06-03-2009 à 17:31:41    

fluminis a écrit :


ils ont pas rajouté une fonction de zoom sur IE7 qui ne fait pas que grossir la taille du texte mais vraiment zoomer sur la page (donc les images avec) ?


Certe, mais ces navigateurs proposent encore d'augmenter uniquement la taille du texte en plus du zoom de la page entière et même IE8 a le même comporterment

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed