» »

JavaScript in menjanje div-ov

JavaScript in menjanje div-ov

roky99 ::

Živjo!

Imam naslednjo kodo:
<div class="templatemo_three_col left_col">
<p>
<ul>
	<li><a href="#">Muske1)</a></li>
	<li><a href="#">Muske2</a></li>
	<li><a href="#">Muske3</a></li>
	<li><a href="#">Muske4</a></li>
</ul>
</p>
</div>
<div class="templatemo_three_col middle_col">
<p>
<ul>
	<li><a href="#">Muske1</a></li>
	<li><a href="#">Muske2</a></li>
	<li><a href="#">Muske3</a></li>
	<li><a href="#">Muske4</a></li>
</ul>
</p>
</div>
<div class="templatemo_three_col right_col">
<p>
<ul>
	<li><a href="#">Muske1</a></li>
	<li><a href="#">Muske2</a></li>
	<li><a href="#">Muske3</a></li>
	<li><a href="#">Muske4</a></li>
</ul>
</p>
</div>

Sedaj pa bi rad, da mi ob kliku puščice te tri stolpiče umakne in prikaže nove tri.
don't drink and drive, just smoke and fly! ;)

DubleG ::

GA-P55M-UD2,i5,12GB RAM,Radeon HD 4850,Crucial SSD 64GB,
WD 320GB,WD 5000GB,RevoDrive X2 100GB

EnSmotko ::

Jst bi ti priporoču, da uporabš kakšno knižnco ala jQuery, da se ti ni treba ubadat s cross browser kompatibilnostjo (pa še močno ti olajša delo).

Sicer ne vem točno kaj hočš, ampak skrivanje prikazovanje v jquerju zgleda nekak tkole:
$(document).ready(function(){
   $("#arrow").click(function(){ //predpostavljam, da ima tvoja puščica id arrow
       $(".templatemo_three_col").hide(); //skrije vse tage, ki imajo class templatemo_three_col
       $(".to_be_shown").show(); //pokaže  
   });

}

roky99 ::

Hvala EnSmotko, bom poskusil.
don't drink and drive, just smoke and fly! ;)

Gandalfar ::

http://docs.jquery.com/Effects pa se kaksen efekt da bo bolj kicast :)

techfreak :) ::

Lahko pa uporabiš tudi jQuery UI.

Ta primer je podoben tvojemu:
http://jqueryui.com/demos/accordion/#no...

Gandalfar ::

Gandalfar je premaknil sporočila v produkti v tabeli s poštevanko.


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

JAVA skripta za Prestashop modul

Oddelek: Programiranje
51317 (1255) steev
»

Pomoč pri json datoteki

Oddelek: Programiranje
71268 (915) sasha991
»

Jquery

Oddelek: Izdelava spletišč
151804 (1528) mk818764
»

Download vsebine strani s JS

Oddelek: Izdelava spletišč
472560 (1858) MrBrdo
»

linkanje med div-i?

Oddelek: Izdelava spletišč
141636 (1454) MrBrdo

Več podobnih tem