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

**SpaceFrog** · 10/01/2007, 08h34

créer le au depart su la page avec un style display none ... ?

**sansamis** · 10/01/2007, 20h53

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 :'(

**Gruik** · 10/01/2007, 23h33

Il voulait dire, dans la page html de base

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**sansamis** · 11/01/2007, 05h47

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

....RIEN!

**SpaceFrog** · 11/01/2007, 08h53

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**sansamis** · 12/01/2007, 06h49

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

**sansamis** · 15/01/2007, 21h38

Toujours pas :'(

Je récapitule:

Voici la page html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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:

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

Pas d'idée ?

**Gruik** · 15/01/2007, 21h44

Tu accedes à l'element d'id "desc", mais dans ton code je ne vois pas d'élément d'id "desc"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var newObj= document.createElement("div");
newObj.id = 'desc';

C'est surement ça, cette fois ,)

**sansamis** · 15/01/2007, 21h46

'y avait pas pensé...
...mais ca ne fonctionne toujours pas :/

**sansamis** · 18/01/2007, 20h49

Ben heu... je cherche encore et toujours mais rien alors heu... up..?

**Macintoc** · 18/01/2007, 22h21

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 ?

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

JavaScript

Discussions similaires

Partager

Partager