Far scattare un postback con un evento lato client onclick: come?

giovedì 05 ottobre 2006 - 19.31

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

Giovanni_3478 Profilo | Senior Member

293 messaggi | Data Invio: gio 5 ott 2006 - 19:31

Vorrei ottenere il risultato ottenuto su http://shopping.live.com/#m=prices&itemId=31652186
con i tab

Quindi mi sono mosso in questo modo:
1) fogli di stile:
td.tab{background-color:#fff; border-top: 1px solid #000; border-bottom:1px solid #000;
border-left: 1px solid #000; border-right: 1px solid #000; padding:0px; width:126px;}
td.tabHover{background-color:#E4EDF3; border-top: 1px solid #000; border-bottom:1px solid #fff;
border-left: 1px solid #000; border-right: 1px solid #000; padding:0px; width:126px; }
td.tabClick{padding:0px; border-bottom: 1px solid #fff; border-top: 1px solid #000;
border-left: 1px solid #000; border-right: 1px solid #000; background-color:#CFE8F5; width:126px; }

td.line{border-bottom:1px solid #000; width:300px;}
td.interline{border-bottom:1px solid #000; width:20px;}

2)javascript:
<script type="text/jscript" >
function tdHover(id){
if (document.getElementById(id).className !="tabClick"){
document.getElementById(id).className ="tabHover";}}

function tdOut(id){
if (document.getElementById(id).className !="tabClick"){
document.getElementById(id).className ="tab";}}

function tdClick(id,otherId1, otherId2){

document.getElementById(otherId1).className ="tab";
document.getElementById(otherId2).className ="tab";
document.getElementById(id).className ="tabClick";}

}
</script>

3)controlli:
<table id="tableTab" class="header" border="0" cellpadding="0" cellspacing="0" width="500px" height="28px">
<tr>
<td id="td1" class="tab" onmouseover="tdHover('td1')" onmouseout="tdOut('td1')" ><div id="divTab1" align="center" ><a>Scheda1</a></div></td>

<td id="td5" class="interline" ><div id="div2" align="center" ><a> </a></div></td>

<td id="td2" class="tab" onclick="tdClick('td2','td1','td3')" onmouseover="tdHover('td2')" onmouseout="tdOut('td2')"><div id="divTab2" align="center" ><a>Scheda1
2</a></div></td>

<td id="td6" class="interline"><div id="div3" align="center"><a> </a></div></td>

<td id="td3" class="tab" onclick="tdClick('td3','td2','td1')" onmouseover="tdHover('td3')" onmouseout="tdOut('td3')"><div id="divTab3" align="center" ><a>Scheda1</a></div></td>
<td id="td4" class="line"><div id="div1" align="center"><a> </a></div></td>
</tr>
</table>

In pratica sul td
con l'evento onmouseover viene applicato un foglio di stile,
con l'evento onmouseout viene applicato un altro foglio di stile.

Vorrei che cliccando sul td scattasse un postback:
uso quindi page.ClientScript.GetPostBackEventReference(..).
e vorrei che al click LATO SERVER
venisse esguito del codice:
multiview1.activeviewindex=1.

Come posso tradurre in codice
che al click lato server su un td
deve essere eseguito
multiview1.activeviewindex=1
????????????????????

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !