javascript div et scientillement sous firefox

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : javascript div et scientillement sous firefox

Papy Brossard

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

Publicité

gatsusat

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

Papy Brossard

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

gatsusat

ben ton div :

tu l'attaque simplement comme ca :

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

Papy Brossard

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

masklinn

í dag viðrar vel til loftárása

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

gatsusat

coucou topain Masklinn :hello: :hello:

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

Papy Brossard

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

masklinn

í dag viðrar vel til loftárása

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

Papy Brossard

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ù...

Publicité

Papy Brossard

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

Papy Brossard

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

Papy Brossard

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

gatsusat

et donc un joli travail de porc et de merde

masklinn

í dag viðrar vel til loftárása

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

Papy Brossard

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

cerel

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 ...

masklinn

í dag viðrar vel til loftárása

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

Papy Brossard

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...

masklinn

í dag viðrar vel til loftárása

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

Papy Brossard

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.

zapan666

Tout est relatif

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 !

Papy Brossard

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

masklinn

í dag viðrar vel til loftárása

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

masklinn

í dag viðrar vel til loftárása

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

Papy Brossard

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 !

masklinn

í dag viðrar vel til loftárása

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

zapan666

Tout est relatif

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 !

masklinn

í dag viðrar vel til loftárása

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

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

javascript div et scientillement sous firefox

Sujets relatifs
erreur JavaScript dans firefox	Ouverture de .php avec Javascript ...
insertion d'un fichier dans une page html avec javascript	background-position sous firefox
javascript et php	position relative pas la meme sous IE et firefox ??
Capter la touche CTRL sous Firefox	appeler une methode javascript d'une page principale depuis un popup
Déplacer une image - Pbr avec Firefox + Doctype [RESOLU]
Plus de sujets relatifs à : javascript div et scientillement sous firefox

Page générée en 0.105 secondes