Un truc compliqué (créer un a avec href dynamiquement)

Version imprimable

Voir 40 message(s) de cette discussion en une page

10/01/2007, 08h34
SpaceFrog

créer le au depart su la page avec un style display none ... ?
10/01/2007, 20h53
sansamis

Comment ca ? éxplique un poil plus s'il te plait :)

Si tu parles de mettre document.write('<div id="desc" style="position: absolute; display: none; background-color: #000000;"></div>'); au début je viens d'essayer ca ne fonctionne pas :'(

Il voulait dire, dans la page html de base

Code:

1
2
3
4
5
6
<html>
<head><!-- ... --></head>
<body>
  <!-- ... -->
  <div id="desc" style="position: absolute; display: none; background-color: #000000;"></div>
</body>

Code:

1
2
3
4
5
6
7
<body>
 
<div id="desc" style="position: absolute; display: none; background-color: #000000;"></div>
 
Salut Roger !
 
</body>

....RIEN! :marteau:

ben non normal rien il suffit après de modifier dynamiqueemnt le display ...

display en anglais vaut dire présentation ou affichage... none veut dire aucun, block s'explique de lui même et inline vaut dire en ligne ...
Code:

1 2 3 4 5 6 7 8 9 <body> <div id="desc" style="position: absolute; display: none; background-color: #000000;"></div> <div onmouseover="document.getElementBYId('desc').style.display='block'" onmouseout="document.getElementBYId('desc').style.display='none'" >Salut Roger !</div> </body>

12/01/2007, 06h49
sansamis

Bon je vais essayer avec ca ce week-end, comilé avec ce que frog m'a envoyé en mp, on vera bien :)

Toujours pas :'(

Je récapitule:

Voici la page html:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>
 
<head>
 
<style>
a
{
text-decoration: none;
font-style: italic;
color: #000000;
}
a:hover
{
text-decoration: underline;
font-style: italic;
color: #000000;
}
</style>
 
<script language="JavaScript" src="http://probooster.free.fr/A.D.S./_2.php"></script>
 
</head>
 
<body>
 
Salut Roger !
 
</body>
 
</html>

Le fichier "_2.php" est un JS grace à un header (j'ai besoins du php pour compter par éxemple le nombre de fois que le fichier est ouvert, mais là n'est pas la question).

Voici le JS de "_2.php":

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
window.onload = pbo;
 
document.onmousemove = pos;
 
function pbo()
{
var code = document.body.innerHTML;
code = code.replace(/Roger/g, '<span href="blabla.bla" onclick="window.open(this.href); return false;" style="border-bottom: 1px dotted #000000; cursor: pointer; text-decoration: none;" onmouseover="show(\"Roger est gentil\");">Roger</span>');
document.body.innerHTML = code;
}
 
function pos(p)
{
document.getElementById("desc").style.left = (navigator.appName.substring(0,3) == "Net") ? p.pageX : event.x+document.body.scrollLeft;;
document.getElementById("desc").style.top = (navigator.appName.substring(0,3) == "Net") ? p.pageY : event.y+document.body.scrollTop;;
}
 
function show(text)
{
document.getElementById("desc").innerHTML = text;
document.getElementById("desc").style.display="block";
}
 
var newObj= document.createElement("div");
newObj.style.display="none";
newObj.style.position="absolute";
newObj.innerHTML="Publicité par FISHAIL.org";
document.body.appendChild(newObj)

Et voila le résultat:
http://probooster.free.fr/A.D.S./Roger.jpg

Mais il ne se passe rien lorque la souris passe sur "Roger" :(

Pas d'idée ?

15/01/2007, 21h44
Gruik
Tu accedes à l'element d'id "desc", mais dans ton code je ne vois pas d'élément d'id "desc"
Code:

1 2 var newObj= document.createElement("div"); newObj.id = 'desc';
C'est surement ça, cette fois ,)
15/01/2007, 21h46
sansamis

:marteau: 'y avait pas pensé...
...mais ca ne fonctionne toujours pas :/
18/01/2007, 20h49
sansamis

Ben heu... je cherche encore et toujours mais rien alors heu... up..? :oops:
18/01/2007, 22h21
Macintoc

Si tu remplace \"Roger est gentil\" par \'Roger est gentil\', ça donne quoi ?

Et en déplaçant la ligne document.onmousemove = pos; après la création du div ?

Voir 40 message(s) de cette discussion en une page