Discussion :

[makohsarah]

Salut a tous,

j�utilise dans mon application le menu avec tabulation (tab content qui a des onglets comme celui que l�on peut observer ici http://www.baldean.com/web/devzone.mysp).

Ca fonctionne bien, mais j�ai mis des lien hypertextes et je voudrai qu�une fois que l�on clique dessus, que les resultats s�affichent a l�interieur du tab(de l�onglet) actif et non qu�il ouvre automatiquement le premier tab (onglet, quitte � moi de cliquer sur celui qui etait auparevent actif pour avoir mes resultats).

Cela dit comment je peux avec javascript declencher l�execution et l�affichage ds la tabulation active sans pour autant completement recharger la page (en rechargeant il ne revient pas sur le tab qui etait activ� il va au premier )

Chaque onglet s�appele et s�affiche a l�interieur des balises

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<div id="tabCont0">  .....</div>

pour le premier,

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<div id="tabCont2">...</div>

pour le suivant et ainsi de suite.

J�affiche dans des pages JSP, les liens sont parametr�s et les donn�es viennent d�une BD que je recuperes grace aux balises JSTL-Struts
ce sont des liens du genre monsite.do?url1=papa&url2=maman et aussi monsite.do?link=1&link=2

Enfonction du premier ou du deuxieme lien, ca doit afficher des donnes dans l�onglet 1 ou l�onglet 2 de mon tab.

Merci de m�aider

PS : j�ai telecharg� ce tools sur http://www.baldean.com/web/devzone.mysp

[makohsarah]

aucune id�e?

[Matthieu2000]

ajax

[makohsarah]

une piste � me conseiller avec Ajax SVP?

[Matthieu2000]

le tutoriel, la fac

[nabab]

Tu utilises AJAX pour r�cup�rer le contenu que tu veux charger, et tu inseres ton responseText directement dans le DIV cible.
Regarde le tutoriel si tu ne connais pas Ajax, puis, imaginons que ton objet Ajax s'appelle MyAjax, tu fais:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.getElementById('tabCont2').innerHTML = myajax.responseText;

[makohsarah]

c�est clair je ne m�y connais pas en Ajax tout comme en javascript, je suis novice ds les deux domaines , j�utilise presque jamais les langages de script mais la je dois travailler avec ca. J�essaie de chercher en esperant que ca va aller mais si vous avez des exemples je suis preneur...
Merci

[nabab]

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
 
function createAjaxObject() {
if(window.XMLHttpRequest){
	var myajax = new XMLHttpRequest();
}
else{
	var myajax = new ActiveXObject("Microsoft.XMLHTTP");
}
return myajax;
}
function doAjaxAction(Ele,File,Param1,Param2)
{
	var myajax = new createAjaxObject();
	myajax.open("POST", File, true);
	myajax.onreadystatechange = function()
	{
		if (myajax.readyState == 4 && myajax.status == 200)
		{
			if ( document.getElementById(Ele) )
			{
				document.getElementById(Ele).innerHTML = myajax.responseText;
			}
			else
			{
				eval(myajax.responseText);
			}
		}
	}
myajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
myajax.send(Param1=' + Param1 + '&Param2=' + Param2);
}

Tu mets ces deux fonctions dans ton HEAD, et sur le click ou tu veux que ton contenu soit charg�, tu fais:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
onclick="doAjaxAction('tabCont2','mon_fichier.php')"

ou tabCont2 est le DIV ou tu veux que ton contenu soit charg�, et ou mon_fichier.php est le fichier qui renvoit ce contenu.
Si tu dois envoyer des parametres a ta page, tu les rajoutes dans la fonction:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
doAjaxAction('tabCont2','mon_fichier.php','mon parametre 1','mon parametre 2')

et tu les recup�res par POST ($_POST['Param1'] et $_POST['Param2'] en php)

[makohsarah]

hummm je programme avec J2EE mais je vais essayer d�exploiter ce code. Au fait avec cette commande

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

 var myajax = new ActiveXObject("Microsoft.XMLHTTP");

est ce que le code n�est pas orient� Internet Explorer?
a bientot