Modifier le contenu d'un lien en javascript

**anthropo** · 31/08/2007, 12h24

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 :

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

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

pour ne plus trouver que

Code :

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

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

**jypees** · 31/08/2007, 13h30

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 :

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

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

**anthropo** · 31/08/2007, 14h08

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

**javatwister** · 31/08/2007, 14h23

si si, le principe est bon; il faut juste placer l'instruction correctement dans le document;

par exemple,

Code :

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

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;

**anthropo** · 31/08/2007, 18h25

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

voici mon code de test :

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

**javatwister** · 31/08/2007, 18h34

la propriété onMouseOver n'existe pas en javascript...

Modifier le contenu d'un lien en javascript

JavaScript

Vue hybride

Discussions similaires

Partager

Partager