|
Iniciado por eric.roumegou, mar., 09 2006 9:28 AM - 3 respostas |
| |
| | | |
|
| |
Publicado em março, 09 2006 - 9:28 AM |
Les modèles, je les ais adoptés et c'est bien mais ...
un besoin récurrent dans mes présentation est celui ci. J'ai des onglets avec des effets de roll over par ex, et l'onglet actif est maintenu dans la couleur "focus". Avec des boutons, cest facile à faire, mais comment n'utiliser qu'un seul modèle ?
Idem pour une navigation contextuelle que je met sur la gauche; un certain nombre de liens que l'on retrouve sur toutes les pages d'un onglet. Quand je suis sur la page du lien, je voudrais changer la couleur du lien et du picto pour montrer graphiquement que je suis sur ce point précis.
Pour changer ces couleurs je suis obligé de sortir cette navigation récurrente du modèle.
Avez vous des "trucs" pour pouvoir agir par programmation à l'init de la page et n'avoir qu'une seule page modèle ?
J'ai pensé sans les tester car je trouvais ça un peu lourd.
- des images au lieu de boutons superposées avec un bouton transparent pour l'action. - deux versions de boutons superposés et jouer sur Visible - pour les liens, je perdrais mon effet de roll over
-- Eric Roumégou Webmaster des wtablettes |
| |
| |
| | | |
|
| | |
| |
Publicado em março, 09 2006 - 10:30 AM |
Salut,
Personnellement, j'ai testé et utilisé 2 solutions. La première est effectivement de doubler le nombre de boutons. chaque "couple" contenant l'etat "activé" et "inactivé". Ensuite, je gerais l'affichage par une fonction locale au modèle que j'appelais dans chaque code d'initiatialisation des pages utilisants ce modèle... Cette méthode n'est pas si lourde et donne des résultats plutôt bons.
La seconde méthode est un peu plus "capilotractée" car je voulais vraiment émuler un contrôle à onglet plus "réel". La série d'onglet est donc composée d'une seule image qui est remplacée à la volée en fonction du positionnement de la souris. J'ai donc du gérer le test de la position de la souris avec du code onmousemove, onmouseup et onmouseout. C'est un peu lourd, mais je suis arrivé à l'effet souhaité d'autant que toutes les images qui s'affichent sont préchargées avec la page...
Là, je ne suis pas sûr d'avoir été clair pour la seconde partie mais j'espère que ça pourra te faire avancer...
A mon tour de poser une question : Comment faire en sorte de ne rien afficher dans la barre d'état en bas du navigateur?...
Bon dev'
-- Guillaume |
| |
| |
| | | |
|
| | |
| |
Publicado em março, 09 2006 - 11:26 AM |
Guillaume a utilisé son clavier pour écrire :
Salut,
Personnellement, j'ai testé et utilisé 2 solutions. La première est effectivement de doubler le nombre de boutons. chaque "couple" contenant l'etat "activé" et "inactivé". Ensuite, je gerais l'affichage par une fonction locale au modèle que j'appelais dans chaque code d'initiatialisation des pages utilisants ce modèle... Cette méthode n'est pas si lourde et donne des résultats plutôt bons.
c'est exactement ce que je suis en train de faire
La seconde méthode est un peu plus "capilotractée" car je voulais vraiment émuler un contrôle à onglet plus "réel". La série d'onglet est donc composée d'une seule image qui est remplacée à la volée en fonction du positionnement de la souris. J'ai donc du gérer le test de la position de la souris avec du code onmousemove, onmouseup et onmouseout. C'est un peu lourd, mais je suis arrivé à l'effet souhaité d'autant que toutes les images qui s'affichent sont préchargées avec la page...
j'aime bien ce terme capilotracté :')
Là, je ne suis pas sûr d'avoir été clair pour la seconde partie mais j'espère que ça pourra te faire avancer...
A mon tour de poser une question : Comment faire en sorte de ne rien afficher dans la barre d'état en bas du navigateur?...
peut être faut-il s'inspirer d'un récent post "barre d'outils contextuel sur les images" et la solution de Elian mis sur la voie par Patrick
donc peut-être un META_TAG ?
Bon dev'
-- Eric Roumégou Webmaster des wtablettes |
| |
| |
| | | |
|
| | |
| |
Publicado em março, 10 2006 - 12:15 PM |
A la question "ne rien afficher dans la barre d'état en bas du navigateur", voici ma réponse :
Je fais défiler un texte dans cette zone à l'aide de la fonction suivante, positionnée au chargement de la page :
scrollit(100)
Il s'agit d'une fonction JS :
function scrollit(speed) { var m1 = "Texte 1 "; var m2 = "Texte 2 "; var m3 = "Texte 3 "; var m4 = "Texte 4 "; var msg=m1+m2+m3+m4; var out = " "; var c = 1; if (speed > 100) { speed--; cmd="scrollit("+speed+")"; timerTwo=window.setTimeout(cmd,100); } else if (speed <= 100 && speed > 0) { for (c=0 ; c < speed ; c++) { out+=" "; } out+=msg; speed--; window.status=out; cmd="scrollit("+speed+")"; timerTwo=window.setTimeout(cmd,100); } else if (speed <= 0) { if (-speed < msg.length) { out+=msg.substring(-speed,msg.length); speed--; window.status=out; cmd="scrollit("+speed+")"; timerTwo=window.setTimeout(cmd,100); } else { window.status=" "; timerTwo=window.setTimeout("scrollit(100)",75); } } }
Pou ne rien afficher, pourquoi ne pas initialiser les variables à " " ?
Comme mon site utilise des frames, j'ai mis cette fonction sur la page statique d'entête, qui n'est jamais ré-affichée.
Bon courage.
James www.alternovo.com |
| |
| |
| | | |
|
| | | | |
| | |
|