Modifier le contenu d'un lien en javascript

Version imprimable

31/08/2007, 11h24
anthropo

Modifier le contenu d'un lien en javascript

Bonjour à tous, encore une fois j'en appelle à votre bonne volonté :

j'ai récupéré en php (file_getcontents) le contenu d'une page web, que je souhaite afficher à la fois sur des navigateurs conventionnels et sur une NetBox(décodeur TNT avé interface Web).

La Netbox n'a pas de souris, on se déplace avec les touches de la télécommande.
On est donc géné sur les onmouseOver et autres fonctions de détection d'évêmenent souris.
Dans un <MAP> j'ai des liens qui comportent justement des Onmouse... Je sais les supprimer en PHP, mais comment faire dynamiquement en javascript ? est il possible de travailler l'exemple suivant

Code:

<area shape="rect" coords="0,0,400,400" href="mon_script.php" onMouseOver="javascript:showAlt('Survolez la carte pour sélectionner ')" onMouseOut="javascript:hideAlt()">

pour ne plus trouver que

Code:

<area shape="rect" coords="0,0,400,400" href="mon_script.php">

j'ai essayé de réécrire ces fonctions en les mettant à blanc, mais c'est le onMouse... qui s'exécute quand même et m'empeche de valider le lien quand même.

Il faudrait donc les enlever carrement du lien.

Merci de votre aide.
31/08/2007, 12h30
jypees
je pense qu'en faisant en placant un id sur le div puis en faisaint un getElementById tu peux recuperer dans une fonction le this du div.

La dans le div tu fais ceci :
Code:

1 2 3 4 5 this.onmouseover = function () { return false; }
j'ai absolument pas testé ! mais ca doit etre l'idée (enfin je pense). Tiens moi au courant !!! :king:
31/08/2007, 13h08
anthropo

Désolé, ça ne fonctionne pas mieux. dès que j'ai un onMouseOver de toute façon, le navigateur de la NetBox reste sur l'exécution du onMouseOver et je ne peux pas cliquer. La seule solution pour moi serait de réécrire dynamiquement (javascript) le lien du area;

autrement dis il faudrait non pas rendre inactif le onMouseOver mais le supprimer de la page.

est ce possible ?
d'avance Merci
31/08/2007, 13h23
javatwister
si si, le principe est bon; il faut juste placer l'instruction correctement dans le document;

par exemple,
Code:

1 2 3 4 5 6 var ar=document.getElementsByTagName("area"); for(i=0;i!=ar.length;i++){ ar[i].onmouseover=function(){ return false } }
à placer en fin de body;

vraiment désolé j'ai pas du comprendre :

voici mon code de test :

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
39
40
41
42
43
44
45
46
47
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<meta http-equiv="pragma" content="no-cache">
		<SCRIPT LANGUAGE="JavaScript" SRC="http://www.meteofrance.com/param/javascript.js" TYPE="text/javascript">
		</SCRIPT>
	</head>
 
	<body >
		<div id="ALTdHTML" style="position: absolute; z-index: 1000; visibility: hidden; left: 335px; top: 134px;"></div>
		<table border="0" cellpadding="0" cellspacing="3" width="406" height="95%" align="center">
			<tbody>
				<tr valign="middle">
					<td><img src="http://www.meteofrance.com/img/nav/mer/rivage.jpg" usemap="#bigcart" border="0" height="352" width="400" style="border:double"></td>
				</tr>
			</tbody>
		</table>
 
		<map name="bigcart">
			<area shape="rect" coords="5,3,185,80" href="Meteo_France_Bulletin_Rivage_72H.php?LIEUID=RIV_MANCHE" onMouseOver="showAlt('Zoom sur <b>la Manche / Mer du Nord</b>',false)" onMouseOut="hideAlt()">
			<area shape="rect" coords="5,85,114,215" href="Meteo_France_Bulletin_Rivage_72H.php?LIEUID=RIV_BRETAGNE" onMouseOver="showAlt('Zoom sur <b>Bretagne / Vendée</b>',false)" onMouseOut="hideAlt()">
			<area shape="rect" coords="63,220,113,297" href="Meteo_France_Bulletin_Rivage_72H.php?LIEUID=RIV_GASCOGNE" onMouseOver="showAlt('Zoom sur <b>le Golfe de Gascogne</b>',false)" onMouseOut="hideAlt()">
			<area shape="rect" coords="176,226,356,302" href="Meteo_France_Bulletin_Rivage_72H.php?LIEUID=RIV_MEDITERRA" onMouseOver="showAlt('Zoom sur <b>la Méditerranée</b>',false)" onMouseOut="hideAlt()">
			<area shape="rect" coords="362,273,396,349" href="Meteo_France_Bulletin_Rivage_72H.php?LIEUID=RIV_CORSE" onMouseOver="showAlt('Zoom sur <b>la Corse</b>',false)" onMouseOut="hideAlt()">
		</map>
 
		<script	 language="javascript">
			<!--
				// On empeche les onMouseOver et Out
				var ar=document.getElementsByTagName("area");
				alert (ar.length);
				for(i=0;i!=ar.length;i++)
					{
						ar[i].onMouseOver=function()
							{
								return false;
							}
						ar[i].onMouseOut=function()
							{
								return false;
							}
					}
			//-->
		</script>
	</body>
</html>

rien a faire le onmouseover continue de fonctionner gnarfffff

31/08/2007, 17h34
javatwister

la propriété onMouseOver n'existe pas en javascript...
02/09/2007, 22h16
anthropo

Résolu en passant par Php, merci.