CSS vs JavaScript & Reduire/Agrandir texte - HTML/CSS - Programmation
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';
}
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...
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
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??
Marsh Posté le 06-03-2009 à 10:57:29
avec les frameworks comme jQuery la séparation du contenu et js est facilité.
http://buildinternet.com/2009/01/c [...] th-jquery/
http://v1.wolfslittlestore.be/add- [...] ith-jquery
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!!
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.
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
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 !
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) ?
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/ ???
Marsh Posté le 06-03-2009 à 17:31:41
fluminis a écrit : |
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
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
mais je souhaiterai le faire de cette maniere:
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