Exécuter une fonction au chargement

Version imprimable

03/12/2013, 11h41
thais781

2 pièce(s) jointe(s)

Exécuter une fonction au chargement

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

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

Code:

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:

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:

Test.html#3

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

Code:

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:

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>

Code:

Test.html#Maintenant%20le%20Texte3

06/12/2013, 14h33
thais781

Bonjour,

Merci pour votre aide.
J'ai suivi vos conseils et avec un

Code:

Test.html?afficheTexte2()

Et ca marche Nickel ....

Merci

Thais