Comunidad de diseño web y desarrollo en internet online

Efecto Acordion

Citar            
MensajeEscrito el 25 Ago 2011 06:02 pm
Hola a todos quisiera ver si me ayudan ando desarrollando un sitio la carga la hago mediante ajax se sustituye el div del index por el html de cada sección.
Resulta que tengo varias secciones que quiero meterles efecto de acordion de hecho según ya esta pero no hace el efecto tengo entendido que ajax carga la sección como si estuviera siempre en el index no se porque no me reconoce mi efecto tengo a nivel index una carpeta que se llama script y ahi mi archivo java con el siguiente código:

new Accordion('#acordionlocationh3', '#acordionlocation div');

y en mi html que se encuentra en una carpeta de secciones/location/location.html

<div id="acordionlocation">
<h3>Driving Directions to Villa Lili:</h3>
<div class="contacorloca">
<p class="justificar">
Upon arriving in Puerto Escondido, please follow these directions for a hassle free arrival to Villa Lili:
<br />
<b>From the North (Mexico City and Acapulco):</b>
<br />
You will arrive into Puerto Escondido via Coastal Highway 200 (Carretera Costera). Villa Lili is located in the West side of town in the Carrizalillo area.

You will pass the airport on the edge of town on the left.

Continue straight ahead for 1.5 kms.

At the second set of traffic light you will see the fire station (Bomberos) on the right. Take a right turn here onto Camino Puerto Angelito.

Continue straight ahead for 150 meters and take the first turn right onto 2a Norte.
Continue straight ahead through the next crossroads onto Calle Puerto Escondido and you will find Villa Lili as the second property on left hand side.
<br />
<b>From the South (Chiapas, Oaxaca, Huatulco):</b>
<br />
You will also arrive into Puerto Escondido via Coastal Highway 200. Villa Lili is located in the west side of town in the Carrizalillo area. The Zicatela beach area to the South will be the entry point into town. Continue straight ahead for approximately 3 kilometers passing the town centre on your right.

Continue straight ahead until you reach the fire station (Bomberos) on the left.

At this intersection take a left onto Camino Puerto Angelito.

Continue straight ahead for 150 meters and take the first turn right onto 2a Norte.
Continue straight ahead through the next crossroads onto Calle Puerto Escondido and you will find Villa Lili as the second property on left hand side.

</p>



</div>
<br />
<h3>By Air:</h3>
<div class="contacorloca">
<p class="justificar">
<b>Puerto Escondido Airport (PXM) Tel: +52 (954) 582-2023, 582-2024</b>
<br />
Puerto’s airport is located approximately 3 kms West of Puerto Escondido town center on coastal highway 200 (Carretera Costera), and just 5 minutes by car to Villa Lili.
<br />
<b>Aeromar airline</b> fly daily direct between Mexico City and Puerto Escondido.
<br />
Aero Tucan and Aero Vega fly daily between Puerto Escondido and Oaxaca City.
<br />
<b>Huatulco International Airport (HUX) Tel: +52 (958) 581-9007/581-9008</b>
<br />
Huatulco airport is approximately 110 kms south of Puerto Escondido on Coastal Highway 200.
<br />
<b>Aeromar airline</b> fly three times daily between Mexico City and Huatulco.
<br />
<b>Interjet</b> flies daily between Mexico City and Huatulco and between Toluca and Huatulco 5 times per week. Toluca is located approximately 1.5 hours by car from Mexico City.
<br />
From Huatulco to Puerto Escondido a taxi costs approximately 700 pesos and takes 2 hours. You can also travel by bus which takes 2.5 hours and costs 40 pesos.
</p>
</div>
<br />
<h3>By Land:</h3>
<div class="contacorloca">
<p class="justificar">
<b>From Mexico City </b>
<br />
There are a number of bus companies servicing Puerto Escondido daily. From Mexico DF Taxqueña station in the south of the city by Costa Line (12 hours) and Cristobal Colon OCC (16 hours). Tickets may be purchased in advance online on the ticketbus website.
<br />

<b>From Oaxaca City: </b>
<br />
1st class bus company ADO GL runs daily and takes approximately 10 hours. There are also a number of van companies that run between Oaxaca City and Puerto Escondido daily. The journey takes approximately 6.5 hours.
<br />

<b>Autotransporte Villa del Mar Van</b>
<br />
Galeana No 322 – A
Casi esq con las Casas
Col Centro
Tel: 0449511165622 or 0449511500852
From outside Mexico: 52 19511165622 or 52 19511500852
<br />
<b>Terminal Transportes Service Express:</b>
<br />
Tel: From outside Mexico: +52 1 9515164059
</p>
</div>



</div>

No se porque no me hace el efecto también mande llamar un archivo js desde el index que se encuentra en secciones/location/script y nada alguien puede echarme una mano por fa dejo el link del sitio.


www.e-vanhost.net/villalili

Por livaes

20 de clabLevel



Genero:Femenino  

Diseñadora

firefox
Citar            
MensajeEscrito el 25 Ago 2011 09:30 pm
no entendi en que parte quieres el efecto acordion?

Por RZ

Claber

118 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 26 Ago 2011 02:50 pm
En el div donde dice acordionlocation si entras al sitio en el link de location verás las plequitas de color azul son tres los que no he logrado hacer el efecto muchas gracias por la ayuda que puedas darme.

Por livaes

20 de clabLevel



Genero:Femenino  

Diseñadora

firefox
Citar            
MensajeEscrito el 26 Ago 2011 09:26 pm
Bueno no se si la funcion la hiciste tu mismo quizas esto es lo que no funciona y si no que alguien me corrija. intenta en vez de window.addEvent('domready', function(){ poner $(document).ready(function () {

window.addEvent('domready', function(){
new Accordion('#acordionlocation h3', '#acordionlocation div',
{
alwaysHide: true
});
});

Por RZ

Claber

118 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 29 Ago 2011 07:53 pm
Hola de hecho lo hice de una demo de la página de mootols y así viene mira:


http://mootools.net/demos/?demo=Accordion


Sólo que a mi no me hace el efecto pero supongo que es porque haga la carga por medio de ajax y no logra encontrar el div pero no se como solucionarlo.

Por livaes

20 de clabLevel



Genero:Femenino  

Diseñadora

firefox
Citar            
MensajeEscrito el 29 Ago 2011 11:31 pm
mmm creo que una vez me paso eso, yo lo hice con jquery, entonces se debe a que una vez que se carga la pagina, jquery toma lo que cargaste en ese momento y al sustiuir despues con ajax pues ya no lo reconoce :s.
ahora no he usado mooltools, y de hecho no me habre la pagina pero verificare cualquier cosa te posteo.

Por RZ

Claber

118 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 30 Ago 2011 02:30 pm
Ok te agradecería mucho por que no encuentro como :( muchas gracias

Por livaes

20 de clabLevel



Genero:Femenino  

Diseñadora

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.