javascript div et scientillement sous firefox

Marsh Posté le 31-05-2005 à 08:50:04

Salut à tous.

Voilà mon petit souci lorsque j'utilise une fonction javascript (dont voilà le code) dans un de mes div...

Code :

function descrip(texte){
longueurCible = document.getElementById("description" ).firstChild.length;
document.getElementById("description" ).firstChild.deleteData(0,longueurCible);
document.getElementById("description" ).firstChild.insertData(0,texte);
}

Lorsqu'on passe sur le lien cv à gauche, j'ai comme une sorte de scintillement sous ff (pas sur les autres, c'est le seul lien qui possedle le moseOver / mouseOut). Mais pas de scintillement sous IE. pour voir ce que je veux dir,e y'a l'adresse là --> http://membres.lycos.fr/ramon007/ensi/

Si quelqu'un pouvait me dire comment regler le probleme....

Merci et bonne journée !

Message édité par Papy Brossard le 31-05-2005 à 08:52:00

Reply

Marsh Posté le 31-05-2005 à 08:50:04

Reply

Marsh Posté le 31-05-2005 à 09:20:35

tu veux faire quoi en javascript ?
afficher un texte lors d'un mouseover ?

le mieux serai de creer un Div que tu cache par défaut, et que tu affiche quand ta souris passe sur le CV

Reply

Marsh Posté le 31-05-2005 à 09:22:59

bah c'est pas exactement ça que je veux....
Je veux que lorsqu'on passe sur un des liens proposés à gauche, ça affiche un texte dans le div en bas à gauche. Un texte par lien quoi.
Et si possible, en laissant le div toujours visible. :jap:

Message édité par Papy Brossard le 31-05-2005 à 09:23:17

Reply

Marsh Posté le 31-05-2005 à 09:30:14

ben ton div :

tu l'attaque simplement comme ca :

document.getElementById("description" ).innerHTML = "mon texte formaté en CHETEUMEULEU";

Reply

Marsh Posté le 31-05-2005 à 10:37:51

et bien ça fait aussi un scintillment.... (tu es allé voir ce que j'entends par scintillement ?)
Merci quand même !

Reply

Marsh Posté le 31-05-2005 à 10:39:15

Ptin vous vous complexifiez bien la vie les filles [:moule_bite]
http://meyerweb.com/eric/css/edge/popups/demo.html

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 31-05-2005 à 10:42:48

coucou topain Masklinn :hello: :hello:

Message édité par gatsusat le 31-05-2005 à 10:42:59

Reply

Marsh Posté le 31-05-2005 à 13:54:38

bah je ne vois pas réellement comment ton lien repond à mon besoin, parce que je ne veux pas les cacher mes div, si c'est possible....

Message édité par Papy Brossard le 31-05-2005 à 13:54:57

Reply

Marsh Posté le 31-05-2005 à 14:43:08

Papy Brossard a écrit :

bah je ne vois pas réellement comment ton lien repond à mon besoin, parce que je ne veux pas les cacher mes div, si c'est possible....

Heuuu, mon lien décrit comment faire exactement ce que tu t'emmerdes à faire via javascript, mais sans javascript, et qui bugge pas [:johnmad]

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 31-05-2005 à 16:34:18

alors c'est que j'ia pas compris.. Je l'ai lu vite fais, je retente ça et je te tiens au courant.
Merci d'avance au cas où...

Reply

Marsh Posté le 31-05-2005 à 16:34:18

Reply

Marsh Posté le 31-05-2005 à 18:41:59

Effectivement, c'est ce que je veux... Faut juste que je comprenne coment ça marche et que je l'adapte. Merci !

Reply

Marsh Posté le 31-05-2005 à 18:52:08

j'ai pas exactement réussi à l'afficher où je voulais mais ça me crée le même probleme....
Tu as une autre proposition ? A moins que si tu me dis comment afficher d'un div dans un autre div, ça regle le probleme....

EDIT : J'ai réussi à faire ce que je veux avec ta méthode mais ça n,e regle pas completement le probleme... Y'a moins de choses qui scintillent mais y'en a toujours.... :cry: Et puis ça ne marche pas sous IE... :??:

Pour voir : l'ancien : http://membres.lycos.fr/ramon007/ensi/
et le nouveau : http://membres.lycos.fr/ramon007/ensi2/

Message édité par Papy Brossard le 01-06-2005 à 00:41:15

Reply

Marsh Posté le 02-06-2005 à 23:43:27

J'ai reglé le probleme mais en trichant... Des images.

Reply

Marsh Posté le 03-06-2005 à 05:42:53

et donc un joli travail de porc et de merde

Reply

Marsh Posté le 03-06-2005 à 07:50:01

gatsusat a écrit :

et donc un joli travail de porc et de merde

[:f@bek]

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 03-06-2005 à 08:19:29

bah peut etre mais les autres solutions ne marchaient pas.... Si tu as mieux, propose !

Reply

Marsh Posté le 03-06-2005 à 08:51:46

Si tu nous meme pas ce qui marche pas, et que tu ne poste pas ton code qui "marche pas", on pourra pas beaucoup t'aider.

Je vais me repeter, programmation rime avec divination, mais devin ne rime pas avec programmeur ...

Reply

Marsh Posté le 03-06-2005 à 10:07:14

Papy Brossard a écrit :

bah peut etre mais les autres solutions ne marchaient pas.... Si tu as mieux, propose !

1- te barrer de chez Lycos, on fait difficilement pire comme host
2- réapprendre à créer des pages web, donc apprendre le HTML et les CSS
3- FOUTRE CE PUTAIN DE DREAMWEAVER A LA POUBELLE §§§

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 03-06-2005 à 20:45:24

Messieurs....
j'ai dit (du moins tenté de dire...) ce qui ne marchait pas et come c'est pas simple à expliquer, j'ai mis l'url pour que vous puissiez voir de vos propres yeux. Qui dit url dit code source, donc tu peux voir le code sans probleme Cerel...
Pour Masklinn, je ne suis chez lycos que pour vous montrer ce que ça donne, c'est pas mon reel hebergeur.
pour ta deuxieme remarque, sois plus précis: qu'est ce qui est à revoir dans mon code ?
pour la troisieme, je tenais juste à préciser que je n'ai pas utilisé dreamweaver...
A bon entendeur...

Reply

Marsh Posté le 03-06-2005 à 20:54:35

Papy Brossard a écrit :

pour la troisieme, je tenais juste à préciser que je n'ai pas utilisé dreamweaver...

onMouseOver="MM_swapImage('accueil','','images/menu/accueil-over.jpg',1)" onMouseOut="MM_swapImgRestore()">

Si tu utilises pas DW ça veut dire que tu repompes du code DW, c'est encore pire [:jofusion]

Pour les points 1 et 2, je te dirais ça plus tard, là je suis trop crevé

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 03-06-2005 à 21:15:58

ah oups.... j'ai pas regardé le ocde mais ça me saoulait de faire un fonction js moi même... Mais j'm'a gourré, c'est vrai.

Reply

Marsh Posté le 04-06-2005 à 00:21:58

Papy Brossard a écrit :

ah oups.... j'ai pas regardé le ocde mais ça me saoulait de faire un fonction js moi même... Mais j'm'a gourré, c'est vrai.

copain d'école [:atsuko]

Pour le (2) de Masklinn, tu reprendra ton poly de web page 30, principe 4 :

Citation :

Toujours utiliser les bonnes balises au bon endroit

Exemple :

Code :

<div class="texte"><img src="images/bouton.gif" alt="" align="middle"> <a href="index.html">Accueil</a>
<img src="images/bouton.gif" alt="" align="middle"></img> <a href="cv/index.html" onMouseOver="descrip('Mon C.V. en français, en anglais ainsi que mon projet professionel.');" onMouseOut="descrip('')";>Mon C.V.</a>
<img src="images/bouton.gif" alt="" align="middle"></img> <a href="tp/index.html">Les TPs effecués</a>
<img src="images/bouton.gif" alt="" align="middle"></img> <a href="projet/index.html">Les projets réalisés</a>
<img src="images/bouton.gif" alt="" align="middle"></img> <a href="liens/index.html">Les liens</a>
</div>

devient

Code HTML

Code :

<ul id="menu">
<li><a href="index.html" title="accueil">Accueil</a></li>
<li><a href="./cv/index.html">Mon C.V.</a></li>
<li><a href="tp/index.html">Les TPs effectués</a></li>
<li><a href="projet/index.html">Les projets réalisés</a></li>
<li><a href="liens/index.html">Les liens</a></li>
</ul>

(je supose qu'il n'y est qu'un menu pour justifier pon id="menu" )
Code CSS

Code :

ul#menu { margin: 0; padding: 0; }
ul#menu li {
background: transparent url("./images/bouton.gif" ) center left no-repeat;
padding-left: 15px;
}

et voilà, ça fait tout pareil. (par contre, je sais jamais : center left, ou left center ?)

---------------
my flick r - Just Tab it !

Reply

Marsh Posté le 04-06-2005 à 09:29:57

merci zapan666. Je ne savais qu'on pouvait préciser le backgrount pour un li, merci !
Juste un souci par contre : il me met deux puces pour mes li : un rond noir (le truc de base) et mon image...). Mais que sous firefox. Tu sais pourquoi ?

Message édité par Papy Brossard le 04-06-2005 à 09:41:18

Reply

Marsh Posté le 04-06-2005 à 09:41:12

zapan666 a écrit :

devient

Code HTML

Code :

<ul id="menu">
<li><a href="index.html" title="accueil">Accueil</a></li>
<li><a href="./cv/index.html">Mon C.V.</a></li>
<li><a href="tp/index.html">Les TPs effectués</a></li>
<li><a href="projet/index.html">Les projets réalisés</a></li>
<li><a href="liens/index.html">Les liens</a></li>
</ul>

(je supose qu'il n'y est qu'un menu pour justifier pon id="menu" )
Code CSS

Code :

ul#menu { margin: 0; padding: 0; }
ul#menu li {
background: transparent url("./images/bouton.gif" ) center left no-repeat;
padding-left: 15px;
}

et voilà, ça fait tout pareil.

Très bonne analyse, si c'est marqué dans vos polys vous avez du bol d'avoir de la chance, ce sont des polys de qualitaÿ [:aloy]

Citation :

(par contre, je sais jamais : center left, ou left center ?)

Ca a pas d'importance dans la mesure ou tu peux pas confondre

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 04-06-2005 à 09:42:17

Papy Brossard a écrit :

merci zapan666. Je ne savais qu'on pouvait préciser le backgrount pour un li, merci !

Grâce aux CSS, on peut mettre ce qu'on veut (background, marge, padding, bordure, ...) sur n'importe quel élément

Citation :

Juste un souci par contre : il me met deux puces pour mes li : un rond noir (le truc de base) et mon image...). Mais que sous firefox. Tu sais pourquoi ?

http://www.w3.org/TR/CSS21/generate.html#q10

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 04-06-2005 à 10:01:15

Merci Masklinn, je venais justement pour précisier "l'erreur" : Il faut utiliser

Code :

list-style-image: url(images/bouton.gif);

au lieu de

Code :

background: transparent url("./images/bouton.gif" ) center left

(juste pour le url).

Merci à tous les deux !

Reply

Marsh Posté le 04-06-2005 à 10:47:30

Papy Brossard a écrit :

Merci Masklinn, je venais justement pour précisier "l'erreur" : Il faut utiliser

Code :

list-style-image: url(images/bouton.gif);

au lieu de

Code :

background: transparent url("./images/bouton.gif" ) center left

(juste pour le url).

En fait ça dépend de l'effet qu'on veut, certains trucs ne sont pas faisables avec le list-style
Background est plus flexible [:cupra]

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 04-06-2005 à 12:27:28

masklinn a écrit :

http://membres.lycos.fr/angel2k/petrus/japtounet.gif
Très bonne analyse, si c'est marqué dans vos polys vous avez du bol d'avoir de la chance, ce sont des polys de qualitaÿ [:aloy]

Citation :

(par contre, je sais jamais : center left, ou left center ?)

Ca a pas d'importance dans la mesure ou tu peux pas confondre

[HS]
euh...poly de qualité, je n'irais pas jusque là.
On a quand même eux le droit, en partiel à :

Citation :

Comment faire clignoter du texte ?

J'ai plus appris grâce a ce forum & aux divers liens fournis...(avec la révélation)
Alors merci Masklinn, FlorentG, et j'en oublie bcp d'autre :hello:
[/HS]

Message édité par zapan666 le 04-06-2005 à 12:28:23

---------------
my flick r - Just Tab it !

Reply

Marsh Posté le 04-06-2005 à 12:41:12

zapan666 a écrit :

[HS]
euh...poly de qualité, je n'irais pas jusque là.
On a quand même eux le droit, en partiel à :

Citation :

Comment faire clignoter du texte ?

[:sisicaivrai]

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le

Reply

javascript div et scientillement sous firefox

Sujets relatifs:

Leave a Replay