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