Afficher resultat plusieurs fonctions dans meme div

Version imprimable

Bonjour,
je souhaiterais récupérer l'id d'une cellule. Apparement il faut utiliser getElementById via un onclick mais le probleme est que j'utilise deja un Onclick sur une cellule.

Je vous montre mon code.

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
31
32
33
34
35
36
37
38
 
<html>
<head>
<title>TEST</title>
<script>
	function afficheId(baliseId){
		if (document.getElementById && document.getElementById(baliseId) != null){
		    document.getElementById(baliseId).style.visibility='visible';
		    document.getElementById(baliseId).style.display='block';
		}
	}
	function cacheId(baliseId){
		if (document.getElementById && document.getElementById(baliseId) != null){
			document.getElementById(baliseId).style.visibility='hidden';
			document.getElementById(baliseId).style.display='none';
		}
	}
</script>
</head>
<body>
	<div style="display:none;position:absolute;background-color:#1f1643; 
				width:200px;height:100px;border-style:solid;border-color:red;
				filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;color:red;"
				id="contenu">
		coucou - <a href="javascript:cacheId('contenu');">Fermer</a>
	</div>
	<table style="border:1px solid black;height:400px;width:1000px;">
		<tr id="a">
			<td id="a1" onclick="afficheId('contenu');" style="border:1px solid black;">A1 et id="a1"</td>
			<td id="a2" style="border:1px solid black;">A2 et id="a2"</td>
		</tr>
		<tr id="b">
			<td id="b1" style="border:1px solid black;">B1 et id="b1"</td>
			<td id="b2" style="border:1px solid black;">B2 et id="b2"</td>
		</tr>
	</table>
</body>
</html>

Lorsque je clique sur ma cellule A1 le div apparait. je souhaiterais recuperer l'id de ma case A1 à l'interieur du Div et je ne vois pas trop comment faire.

Merci de votre aide.

Nico.

20/10/2009, 16h14
Invité

jour

tu peut sans probleme cumuler plusieurs fonction sur un onclick le tout c'est de mettre un point virgule a la suite

Code:

onclick= 'premierefonction();deuxiemefonction();alert(this.id)'
20/10/2009, 16h26
Nicolas94

^^

En effet on peut cumuler plusieurs fonctions.
J'ai donc rajouté ceci : clic(this.id)
ce qui me donne ca : onclick="afficheId('contenu');clic(this.id)"
J'ai rajouter le script suivant :

Citation:

var outgoingLink;
function clic(outgoingLink){
document.getElementById('contenu').innerHTML = "affichage du outgoingLink :"+outgoingLink+" ";

}

Quand je click sur ma cellule le div apparait avec mon Id en contenu. par contre le contenu du div "coucou et le lien fermer" n'apparaissent plus.
Une idée ?

Merci.

Nico.

j'ai mis les modifs en bleue

Code:

1
2
3
4
5
6
function afficheId(baliseId,di){
		if (document.getElementById && document.getElementById(baliseId) != null){
		    document.getElementById(baliseId).style.visibility='visible';
		    document.getElementById(baliseId).style.display='block';
		   document.getElementById(baliseId).appendChild(document.createTextNode(di.id))
		}

Code:

<td id="a1" onclick="afficheId('contenu',this);" style="border:1px solid black;">

Bon j'ai ajouter un div dans le div pour afficher le resultat.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
    var outgoingLink;
    function clic(outgoingLink){
    document.getElementById('test').innerHTML = "affichage du outgoingLink :"+outgoingLink+" ";
 
    }
 
 
 
	<div style="display:none;position:absolute;background-color:#1f1643; 
				width:200px;height:100px;border-style:solid;border-color:red;
				filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;color:red;"
				id="contenu">
		coucou - <a href="javascript:cacheId('contenu');">Fermer</a>
		<div id="test"></div>
	</div>

20/10/2009, 17h05
Nicolas94

Je n'avais pas vu ta reponse.
Merci.
20/10/2009, 17h15
Nicolas94

up

Juste une remarque, si l'on clique plusieurs fois sur la case cela ajoute le id plusieurs fois au résultat.
Est ce possible de rectifier cela ?

on doit faire un teste

Code:

1
2
3
4
5
6
7
8
9
10
function afficheId(baliseId,di){
		if (document.getElementById && document.getElementById(baliseId) != null){
		    document.getElementById(baliseId).style.visibility='visible';
		    document.getElementById(baliseId).style.display='block';
			if (document.getElementById('texte') == null){
			document.getElementById(baliseId).appendChild(document.createElement('span')).setAttribute("id",'texte');
		   document.getElementById('texte').appendChild(document.createTextNode(di.id))
		}
		}
	}

20/10/2009, 20h50
Nicolas94

^^

ok
merci bcp.