TUTOS.EU

JavaScript this

exemple

Le principe est simple :
en bas de la page une fonction JavaScript a en paramètre "this"

Le code

<p><input type="text" name="Input1" id="Input1" value="Cliquez sur cette zone pour appeler la fonction JavaScript" size="70" onclick="fctUtilisationThis(this);"></p>
Lien vers le fichier : cliquez ici

This fait référence à l'objet dans lequel il se trouve, soit ici l'inputbox ayant pour nom et id Input1

La fonction JavaScript récupère en paramètre this dans un objet ici nommé MyObj.
Après on en fait ce que l'on veut. Ici on affiche son id qui sera Input1

function fctUtilisationThis(MyObj)
{
	alert("L'Id de l'objet récupéré est " + MyObj.id);
}
Lien vers le fichier : cliquez ici

Le code complet de la page

<!DOCTYPE html>
<HTML lang="fr">
	<HEAD>

		<meta charset="utf-8" />
		
		<LINK rel="stylesheet" type="text/css" href="../style.css">

		<title>Titre du site</title>
		<meta name="Description" content="Description du site"/>
		<meta name="author" content="Bob l'éponge" />
		<meta name="Keywords" content="a, b, c"/>

		<SCRIPT TYPE="text/javascript">
			function recupValeurElement(IdElement)
			{
				if (document.getElementById)
				{
					return document.getElementById(IdElement);
				}
				else if (document.all)
				{
					return document.all[IdElement];
				}
			}
			function fctUtilisationThis(MyObj)
			{
				alert("L'Id de l'objet récupéré est " + MyObj.id);
			}
		</SCRIPT>

	</HEAD>

	<BODY>

		<div id="bloc_page">
<?php

	//Tiré de http://www.siteduzero.com/informatique/tutoriels/les-magic-quotes-ou-guillemets-magiques/desactiver-les-magic-quotes
	//Cette option permet de retirer les magic quotes sur un serveur où c'est activé et où vous n'avez pas la main. C'est importante lorsque l'on poste récupère des valeurs de champs Input et textarea faute de quoi, par exemple, "C'est" deviendra "C\'est"
	function stripslashes_r($var) // Fonction qui supprime l'effet des magic quotes
	{
		if(is_array($var)) // Si la variable passée en argument est un array, on appelle la fonction stripslashes_r dessus
		{
			return array_map('stripslashes_r', $var);
		}
		else // Sinon, un simple stripslashes suffit
		{
			return stripslashes($var);
		}
	}

	if(get_magic_quotes_gpc()) // Si les magic quotes sont activés, on les désactive avec notre super fonction ! ;)
	{
		$_GET = stripslashes_r($_GET);
		$_POST = stripslashes_r($_POST);
		$_COOKIE = stripslashes_r($_COOKIE);
	}
				

	
?>

			<p><input type="text" name="Input1" id="Input1" value="Cliquez sur cette zone pour appeler la fonction JavaScript" size="70" onclick="fctUtilisationThis(this);"></p>
		</div> <!-- div bloc_page -->
	</BODY>
</HTML>

Lien vers le fichier : cliquez ici

Article(s) en relation(s)