Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Gilberto Jr

Accordion Fechado

Por , em Javascript

Recommended Posts

Gilberto Jr    26

Gilberto Jr
Postado
Bom dia pessoal,


Seguinte, eu estou tentando usar um ACCORDION, esta funcionando perfeito. Porém no meu caso eu tenho que usar um ACCORDION dentro de um ACCORDION.

Até ai consegui, mas o que eu quero é que o ACCORDION venha fechado assim que a pessoa abrir a pagina.


Veja também que a segunda ACC0RDION esta meio que travavando na hora que vai abrir.


Estou mandando o código e também o link para verem.




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

<!--#include file="config.asp" -->

<%

'CONEXÃO COM O BANCO DE DADOS MYSQL

dim conn

'Criamos o objeto de conexão

Set conn = Server.CreateObject("ADODB.Connection") 


'Abrimos uma conexão com o banco de dados - [IMPORTANTE] altere os dados abaixo com as informações de sua base de dados

conn.Open("DRIVER={MySQL ODBC 5.1 Driver};SERVER=localhost;PORT=3306;DATABASE=kwambiental;USER=root;PASSWORD=123;OPTION=3;")

'FIM CONEXÃO COM O BANCO DE DADOS MYSQL


set rs = conn.execute("SELECT * FROM tb_empresa WHERE STATUS=1")

set ca = conn.execute("SELECT * FROM tb_capacitacao WHERE STATUS=1")

set ino = conn.execute("SELECT * FROM tb_inovacao WHERE STATUS=1")

set rs3 = conn.execute("SELECT * FROM tb_noticia WHERE STATUS=1 ORDER BY DATA_REGISTRO DESC LIMIT 0,4")

set rs2 = conn.execute("SELECT * FROM tb_foto_galeria_home WHERE STATUS=1")

%>

<!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>Untitled Document</title>

</head>


<body>

<!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" />

<!--INICIO PLUGIN SANFONA[ACORDION JQUERY]-->

<link rel="stylesheet" href="css/jquery-ui.css">

<script src="js/jquery-1.10.2.js"></script>

<script src="js/jquery-ui.js"></script>

<script>

$a = jQuery.noConflict();

$a(function() {

  $a( "#accordion" ).accordion();

});

</script>


<%

set tb_grupo2 = conn.execute("select * from tb_grupos where status=1")

while tb_grupo2.eof = false

%>


<script>

$y<%=tb_grupo2("id")%> = jQuery.noConflict();

$y<%=tb_grupo2("id")%>(function() {

  $y<%=tb_grupo2("id")%>( "#accordion<%=tb_grupo2("id")%>" ).accordion();

});

</script>


<%

tb_grupo2.movenext

wend

%>

<!--FIM PLUGIN SANFONA[ACORDION JQUERY]-->

<title>Acordiom</title>

</head>


<body>

<style type="text/css">

#texteacordion{

padding:5px;

height:50px;

display:table;

width:1242px;

text-align:justify;

font-size:12px;

overflow:auto;

}

</style>

<%

set tb_grupo = conn.execute("select * from tb_grupos where status=1")

%>

<div id="accordion" style="height:440px;">

<%

while tb_grupo.eof = false

%>

  <h3><%=tb_grupo("grupo")%></h3>

<!--INICIO PRIMEIRA ACCORDION-->

  <div>

    <p>

<!--INICIO SUGUNDA ACCORDION-->

<div id="accordion<%=tb_grupo("id")%>" style="height:230px;">

        <%

set tb_subgrupo = conn.execute("select * from tb_subgrupo where status=1 and idgrupo='"&tb_grupo("id")&"'")

while tb_subgrupo.eof =false

%>

<h3><%=tb_subgrupo("desc_subgrupo")%></h3>

             <div id="texteacordion">

<!--                <p style="height:65px;text-align:justify;font-size:12px; overflow:auto;">-->

               <%=replace(tb_subgrupo("texto"),VBCRLF,"<br>")%>

<!--                </p>-->

             </div>

        <%

tb_subgrupo.movenext

wend

%>

       </div>

<!--FIM SUGUNDA ACCORDION-->  

  </p>

  </div>

<!--FIM PRIMEIRA ACCORDION-->

<%

tb_grupo.movenext

wend

%>

</div>



</body>

</html>


</body>

</html>





Att

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gilberto Jr    26

Gilberto Jr
Postado

O accordion aparecer fechado assim quando abre a pagina consegui resolver.

 

<script>
$a = jQuery.noConflict();
$a(function() {
  $a( "#accordion" ).accordion({collapsible: true,active: false});
});
</script>

 

Agora fica a questão o meio travamento.

 

Att;

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gilberto Jr    26

Gilberto Jr
Postado

Boa tarde;

 

Resolvi deixando somente a div no primeiro ACCORDION e deixei somente o paragrafo "P" na segunda ACCORDION.

 

Att;

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito