KOD JAVA
<?php
window.addEvent('domready', function() { var status = {
'true': 'open',
'false': 'close'
};
//-vertical
var myVerticalSlide = new Fx.Slide('vertical_slide');
$('v_slidein').addEvent('click', function(e){
e.stop();
myVerticalSlide.slideIn();
});
$('v_slideout').addEvent('click', function(e){
e.stop();
myVerticalSlide.slideOut();
});
$('v_toggle').addEvent('click', function(e){
e.stop();
myVerticalSlide.toggle();
});
$('v_hide').addEvent('click', function(e){
e.stop();
myVerticalSlide.hide();
$('vertical_status').set('html', status[myVerticalSlide.open]);
});
$('v_show').addEvent('click', function(e){
e.stop();
myVerticalSlide.show();
$('vertical_status').set('html', status[myVerticalSlide.open]);
});
// When Vertical Slide ends its transition, we check for its status
// note that complete will not affect 'hide' and 'show' methods
myVerticalSlide.addEvent('complete', function() {
$('vertical_status').set('html', status[myVerticalSlide.open]);
});
//--horizontal
var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});
$('h_slidein').addEvent('click', function(e){
e.stop();
myHorizontalSlide.slideIn();
});
$('h_slideout').addEvent('click', function(e){
e.stop();
myHorizontalSlide.slideOut();
});
$('h_toggle').addEvent('click', function(e){
e.stop();
myHorizontalSlide.toggle();
});
$('h_hide').addEvent('click', function(e){
e.stop();
myHorizontalSlide.hide();
$('horizontal_status').set('html', status[myHorizontalSlide.open]);
});
$('h_show').addEvent('click', function(e){
e.stop();
myHorizontalSlide.show();
$('horizontal_status').set('html', status[myHorizontalSlide.open]);
});
// When Horizontal Slide ends its transition, we check for its status
// note that complete will not affect 'hide' and 'show' methods
myHorizontalSlide.addEvent('complete', function() {
$('horizontal_status').set('html', status[myHorizontalSlide.open]);
});
});
?>
i kod w html'u
<a id="v_slideout" href="#">UKRYJ
</a> <a id="v_slidein" href="#">pokaz
</a> <div id="vertical_slide"> Lorem ipsum dolor sit amet
$('#v_slideout').hide();
$('#text').hide();
$('#v_slidein').click(function(){
$('#v_slideout, #text').show();
$('#v_slidein').hide();
return false;
});
$('#v_slideout').click(function(){
$('#v_slidein').show();
$('#v_slideout, #text').hide();
return false;
});
No i niestety nie wiem co mam źle skonfigurowane w tym. Chodzi o to że:
klikam POKAŻ (dzieje się akcja v_slidein, tekst zmienia się na schowaj) a gdy klikne zmienione POKAŻ (czyli schowaj) dzieje się akcja v_slideout i tekst zmienia się na pokaż.
i jeszcze gdzie jest opcja odpowiedzialna za położenie początkowe (na razie początkowe położenie to otwarte)
Ten post edytował obelix94 16.11.2008, 14:35:32