più pannelly spry di dreamweaver in una pagina

**tretretre** · 04-12-2009, 18:34

salve ho una pagina asp dove dentro richiamo n valori da database e li metti in n pannelli spry di dreamweaver quelli che puoi comprimerli o espanderli cliccandoci sopra.

il primo della pagina funziona, tutti gli altri no perche evidentemente lo script viene attivato solo una volta.

come posso farlo attivare per tutti?

nella pagina ci metto questo codice

Codice PHP:


<script type="text/javascript">

<!--

var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});

//-->

</script>





    <div id="CollapsiblePanel1" class="CollapsiblePanel">

    

    

      <div class="CollapsiblePanelTab" tabindex="0">Testo del canto</div>

      <div class="CollapsiblePanelContent"><%=(elencosong.Fields.Item("testo").Value)%></div>

  



 

    </div>

**cavicchiandrea** · 04-12-2009, 19:58

Se li richiami tutti cosi CollapsiblePanel1 è chiaro che funziona solo il primo, oppure non è cosi all'ora in questi casi meglio mettere una pagina demo pubblica.

**tretretre** · 04-12-2009, 21:07

questo è il codice della pagina asp...
si in effetti hanno tutti lo stesso nome
potrei anche far incrementare con un ciclo il nome

il problema è che quando si attiva la funzione js non so come fare la stessa cosa che ho fatto in asp
come faccio a farla partire per ogni pannello?
<script type="text/javascript">

</script>

codice:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>

<%
Dim elencosong
Dim elencosong_cmd
Dim elencosong_numRows

Set elencosong_cmd = Server.CreateObject ("ADODB.Command")
elencosong_cmd.ActiveConnection = MM_coro_STRING
elencosong_cmd.CommandText = "SELECT * FROM cantiprove ORDER BY id DESC" 
elencosong_cmd.Prepared = true

Set elencosong = elencosong_cmd.Execute
elencosong_numRows = 0
%>
<%
Dim Repeat1__numRows
Dim Repeat1__index

Repeat1__numRows = -1
Repeat1__index = 0
elencosong_numRows = elencosong_numRows + Repeat1__numRows
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Elenco canzoni</title>
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table width="555" border="1">

    <% 
	dim i
	i=0
While ((Repeat1__numRows <> 0) AND (NOT elencosong.EOF)) 
i=i+1
%>

  <tr>
<td width="545"><%=(elencosong.Fields.Item("nomecanto").Value)%> <%=(elencosong.Fields.Item("filemp3").Value)%><%=(elencosong.Fields.Item("allegatopdf").Value)%></td>
  </tr>
  <tr>
    <td>
    
    <div id="CollapsiblePanel<%=i%>" class="CollapsiblePanel">
    
    
      <div class="CollapsiblePanelTab" tabindex="0">Testo del canto</div>
      <div class="CollapsiblePanelContent"><%=(elencosong.Fields.Item("testo").Value)%></div>
    
    
    </div> 
    
    </td>
  </tr>
    <% 
  Repeat1__index=Repeat1__index+1
  Repeat1__numRows=Repeat1__numRows-1
  elencosong.MoveNext()
Wend
%>
   
</table>


 </p>


 </p>
<script type="text/javascript">
<!--
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
//-->
</script>
</body>
</html>
<%
elencosong.Close()
Set elencosong = Nothing
%>

**cavicchiandrea** · 04-12-2009, 21:47

Prova cosi ma non sono sicuro che possa funzionare cambia il ciclo cosi:

codice:

<% 
	dim i,script
	i=0
script = ""
While ((Repeat1__numRows <> 0) AND (NOT elencosong.EOF)) 
i=i+1
script = script & "var CollapsiblePanel"&i&" = new Spry.Widget.CollapsiblePanel(""CollapsiblePanel"&i&""", {contentIsOpen:false});"& vbCrlf
%>

e a fondo pagina:
</table>

</p>

</p>
<script type="text/javascript">

</script>
</body>
</html>
<%
elencosong.Close()
Set elencosong = Nothing
%>

**tretretre** · 05-12-2009, 00:42

sei un genio!!
grazie! non ci avevo proprio pensato e sicuramente qualora l'avessi fatto non ci sarei riuscito!

grazie davvero!!!

ciaoo

Discussione: più pannelly spry di dreamweaver in una pagina

Strumenti discussione

Ricerca discussione

Visualizza

più pannelly spry di dreamweaver in una pagina

Permessi di invio