div che fa comparire tabella

[pippaccia1971]

Salve ho trovato questa funzione che mi permette di aprire con il div una tabella
nascosta con il CSS
questa funzione però è impostata su un solo link come posso fare per impostarla su 2 o più link??
vi posto il codice

<script type="text/javascript">
// Vitesse d'aggrandissement de la div (en millisecondes)
var VitesseOuverture = 20;

// Augmentation de la taille de la div en pixels.
var Incrementation = 30;

/* Script par SirJojO */
/* Forums http://www.editeurjavascript.com/ */

// Identifiant du lien
var leLien = 'chercher';

// Identifiant de la div
var NomDiv = 'DivCachee';

// Largeur et Hauteur de la div (en pixels)
// A adapter en fonction du contenu du formulaire.
var PropRight = 360;
var PropBottom = 130;

</script>

<script type="text/javascript" language="JavaScript">
<!--
var ouverture;
function Enregistre()
{
window.document.getElementById(leLien).onclick=ouv rir;
}
function ouvrir()
{
window.document.getElementById(leLien).onclick=''; window.document.getElementById(NomDiv).style.clip= "rect(auto, 0px, 0px, auto)"; window.document.getElementById(NomDiv).style.displ ay='block'; ouverture = window.setInterval("aggrandissement()",VitesseOuve rture);
}
function aggrandissement() {
clipProp = (window.document.getElementById(NomDiv).style.clip ).split(" "); pixel = "px"; if(!document.all) pixel+=","; theRight = new Number(clipProp[1].replace(new RegExp(pixel), '')); theBottom = new Number(clipProp[2].replace(new RegExp(pixel), '')); if(theBottom<PropBottom) /* Script par SirJojO */ theBottom = theBottom+Incrementation; if(theRight<PropRight) /* Forums http://www.editeurjavascript.com/ */ theRight = theRight+Incrementation;
else {
window.clearInterval(ouverture); window.document.getElementById(leLien).onclick=cac heBloc;
}
window.document.getElementById(NomDiv).style.clip= "rect(auto, "+theRight+"px, "+theBottom+"px, auto)";
}
function cacheBloc()
{
window.document.getElementById(NomDiv).style.displ ay='none'; window.document.getElementById(leLien).onclick=ouv rir;
}
window.onload=Enregistre;

//-->
</script>

<style type="text/css">

#DivCachee {
position:absolute;
left:240px;
top:85px;
border:1px solid #97adb2;
background-color:#f0f0f0;
//padding:0.8em;
display: none;
}

</style>

va nell'HEAD

questo va nel BODY


Per Nominativo
Per Segmento


<div id="DivCachee">
<TABLE CELLPADDING=0 CELLSPACING=0 WIDTH=250>
<TR><TD>
<INPUT TYPE="text" NAME="v_Cliente" STYLE="width:140" SIZE=20>

<INPUT TYPE="button" VALUE="Trova" id=button2 name=button2>
</TD></TR></TABLE>
</div>
<div id="DivCachee">
<TABLE CELLPADDING=0 CELLSPACING=0 WIDTH=250>
<TR><TD>

<select name="v_Segm">
<option value="S0">S0</option>
<option value="S1">S1</option>
<option value="S2">S2</option>
<option value="S3">S3</option>
<option value="S4">S4</option>
<option value="S5">S5</option>
<option value="S6">S6</option>
<option value="S7">S7</option>
<option value="N">N</option>
</Select>
<INPUT TYPE="button" VALUE="Trova" id=button2 name=button2>
</TD></TR></TABLE>

</div>


con un div funziona con 2 NO
mi aiutate per favore?

[costi31]

Non va perchè due elementi di una pagina non possono avere lo stesso id (invece tu hai due link e due div con lo stesso id). Fra poco ti posto il codice modificato in modo che funzioni.

PS: Posso tradurre in italiano, o in inglese, le parole che sono in francese?

[pippaccia1971]

regà io le sto provando tutte come faccio a fare in modo che quando clicco su un href mi nasconda l'altro????????


<script type="text/javascript" language="javascript">
function showtable(idtable)
{
// mostra/nascondi tabella
var IE=(window.navigator.userAgent.indexOf('MSIE')>-1)?1:0;
var a=(document.getElementById(idtable).style.display= ='none')?((IE)?'block':'table'):'none';
document.getElementById(idtable).style.display=a
}
</script>

apri1
apri2


<div id="users" style="display:none;">
<table>
</table>

<div id="users2" style="display:none;">
<table>
</table>

[costi31]

Originariamente inviato da pippaccia1971
regà io le sto provando tutte come faccio a fare in modo che quando clicco su un href mi nasconda l'altro????????


<script type="text/javascript" language="javascript">
function showtable(idtable)
{
// mostra/nascondi tabella
var IE=(window.navigator.userAgent.indexOf('MSIE')>-1)?1:0;
var a=(document.getElementById(idtable).style.display= ='none')?((IE)?'block':'table'):'none';
document.getElementById(idtable).style.display=a
}
</script>

apri1
apri2


<div id="users" style="display:none;">
<table>
</table>

<div id="users2" style="display:none;">
<table>
</table>

Non va per questi motivi:

1) Hai dimenticato un ";" dopo "document.getElementById(idtable).style.displa y=a"

2) Non hai chiuso i div

3) Se con il secondo link volevi aprire il secondo div allora hai dimenticato il "2" dopo "users" in "showtable('users');return false"

Sistemati questi errori funzionerà con la maggior parte dei browser.

[pippaccia1971]

Risolto
Grazie mille Costi

[costi31]

Originariamente inviato da pippaccia1971
Risolto
Grazie mille Costi

Di niente.