Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2865 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS vs JavaScript & Reduire/Agrandir texte

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS vs JavaScript & Reduire/Agrandir texte

n°1858044
redah75
Posté le 05-03-2009 à 16:01:16  profilanswer
 

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

mood
Publicité
Posté le 05-03-2009 à 16:01:16  profilanswer
 

n°1858082
fluminis
Posté le 05-03-2009 à 16:22:58  profilanswer
 

<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
n°1858097
redah75
Posté le 05-03-2009 à 16:45:28  profilanswer
 

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

n°1858125
David Bori​ng
Posté le 05-03-2009 à 17:46:37  profilanswer
 

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

n°1858139
redah75
Posté le 05-03-2009 à 18:00:22  profilanswer
 

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

n°1858400
fluminis
Posté le 06-03-2009 à 10:57:29  profilanswer
 
n°1858541
redah75
Posté le 06-03-2009 à 16:04:25  profilanswer
 

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

n°1858547
fluminis
Posté le 06-03-2009 à 16:17:19  profilanswer
 

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
n°1858552
redah75
Posté le 06-03-2009 à 16:27:09  profilanswer
 

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

n°1858568
David Bori​ng
Posté le 06-03-2009 à 17:00:22  profilanswer
 

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 !

mood
Publicité
Posté le 06-03-2009 à 17:00:22  profilanswer
 

n°1858576
fluminis
Posté le 06-03-2009 à 17:11:42  profilanswer
 

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
n°1858585
redah75
Posté le 06-03-2009 à 17:22:14  profilanswer
 

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/ ???

n°1858591
David Bori​ng
Posté le 06-03-2009 à 17:31:41  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS vs JavaScript & Reduire/Agrandir texte

 

Sujets relatifs
[resolu]probleme concatenation chaine en javascriptSuperposition d'image en CSS
Affichage conditionnel - Problème d'affichageAppliquer CSS à un caractère particulier.
[AJAX]modifier le texte d'un div a la volée[résolu]Taille de la zone de texte dans un div ?
Accès direct aux css en javascript ?CSS :hover sous Internet Explorer 7
[Résolu] Pb onClick (javascript) sous firefox 3.0.6[javascript/html] fonction pour enlever une chaine dans code hTML
Plus de sujets relatifs à : CSS vs JavaScript & Reduire/Agrandir texte


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR