Exécuter une fonction au chargement

**thais781** · 03/12/2013, 11h41

Bonjour,

Vous trouverez ci-joint un petit exemple de mes fichiers.
En résumé, j'aie une page html avec des liens cliquable (partie gauche du tableau) et lors du clic, je fais appel a une fonction JS pour afficher le résultat dans la partie droite de ce tableau.

Ma question est de savoir si via un petit code PHP, on peut afficher la page html avec par exemple le texte 3 directement sans avoir a cliquer sur la ligne ?

du type www.monsite.fr/myphp.php?texte3
-> ouvre le fichier html et execute la fonction JS "afficheTexte3"

C'est jouable ?

Merci pour votre aide

Thais

Invité · 03/12/2013, 12h08

Bonjour,
voici une méthode, avec des textes "indicés" (et sans besoin de PHP !) :

Code js :

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
function afficheAncre()
{
	var anchor = window.location.hash;
	anchor = anchor.substring(1,anchor.length); // enleve le #
	if(anchor!=''){
		afficheTexte(anchor);
	}
}
function afficheTexte(id)
{
	var Texte = new Array();
	Texte[1] = "Affiche le Texte1";
	Texte[2] = "Voici le Texte2";
	Texte[3] = "Maintenant le Texte3";
	document.getElementById('tableau').innerHTML = Texte[id]; 
}

Code html :

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
<body onload="afficheAncre();">
    <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2">
     <tbody>
      <tr>
       <td style="vertical-align: top; width: 40%;">
		  <a href="" onclick="afficheTexte(1); return false;" >Texte 1</a><br>
		  <a href="" onclick="afficheTexte(2); return false;" >Texte 2</a><br>
		  <a href="" onclick="afficheTexte(3); return false;" >Texte 3</a><br>
       </td>
        <td style="vertical-align: top; width: 60%;" id="tableau"><br>
        </td>
      </tr>
     </tbody>
    </table>
 
<body>

Utilisation dans l'URL :

Code :

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

Test.html#3

Invité · 03/12/2013, 12h17

Pour pouvoir passer n'importe quel texte dans l'URL, il faut penser à l'encoder puis le décoder :

Code js :

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

1
2
3
4
5
6
7
8
9
10
11
12
function afficheAncre()
{
	var anchor = window.location.hash;
	anchor = anchor.substring(1,anchor.length); // enleve le #
	if(anchor!=''){
		afficheTexte(anchor);
	}
}
function afficheTexte(Texte)
{
	document.getElementById('tableau').innerHTML = decodeURI(Texte); 
}

Code html :

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
<body onload="afficheAncre();">
    <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2">
     <tbody>
      <tr>
       <td style="vertical-align: top; width: 40%;">
		  <a href="" onclick="afficheTexte(encodeURI('Affiche le Texte1')); return false;" >Texte 1</a><br>
		  <a href="" onclick="afficheTexte(encodeURI('C\'est le Texte2')); return false;" >Texte 2</a><br>
		  <a href="" onclick="afficheTexte(encodeURI('Maintenant le Texte3')); return false;" >Texte 3</a><br>
       </td>
        <td style="vertical-align: top; width: 60%;" id="tableau"><br>
        </td>
      </tr>
     </tbody>
    </table>
 
<body>