Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Jak to zmodyfikować?
Forum PHP.pl > Forum > Przedszkole
obelix94
KOD JAVA

  1. <?php
  2. window.addEvent('domready', function() { var status = {
  3.  
  4.  
  5.   'true': 'open',
  6.   'false': 'close'
  7.  };
  8.  
  9.  //-vertical
  10.  
  11.  var myVerticalSlide = new Fx.Slide('vertical_slide');
  12.  
  13.  $('v_slidein').addEvent('click', function(e){
  14.   e.stop();
  15.   myVerticalSlide.slideIn();
  16.  });
  17.  
  18.  $('v_slideout').addEvent('click', function(e){
  19.   e.stop();
  20.   myVerticalSlide.slideOut();
  21.  });
  22.  
  23.  $('v_toggle').addEvent('click', function(e){
  24.   e.stop();
  25.   myVerticalSlide.toggle();
  26.  });
  27.  
  28.  $('v_hide').addEvent('click', function(e){
  29.   e.stop();
  30.   myVerticalSlide.hide();
  31.   $('vertical_status').set('html', status[myVerticalSlide.open]);
  32.  });
  33.  
  34.  $('v_show').addEvent('click', function(e){
  35.   e.stop();
  36.   myVerticalSlide.show();
  37.   $('vertical_status').set('html', status[myVerticalSlide.open]);
  38.  });
  39.  
  40.  // When Vertical Slide ends its transition, we check for its status
  41.  // note that complete will not affect 'hide' and 'show' methods
  42.  myVerticalSlide.addEvent('complete', function() {
  43.   $('vertical_status').set('html', status[myVerticalSlide.open]);
  44.  });
  45.  
  46.  
  47.  //--horizontal
  48.  var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});
  49.  
  50.  $('h_slidein').addEvent('click', function(e){
  51.   e.stop();
  52.   myHorizontalSlide.slideIn();
  53.  });
  54.  
  55.  $('h_slideout').addEvent('click', function(e){
  56.   e.stop();
  57.   myHorizontalSlide.slideOut();
  58.  });
  59.  
  60.  $('h_toggle').addEvent('click', function(e){
  61.   e.stop();
  62.   myHorizontalSlide.toggle();
  63.  });
  64.  
  65.  $('h_hide').addEvent('click', function(e){
  66.   e.stop();
  67.   myHorizontalSlide.hide();
  68.   $('horizontal_status').set('html', status[myHorizontalSlide.open]);
  69.  });
  70.  
  71.  $('h_show').addEvent('click', function(e){
  72.   e.stop();
  73.   myHorizontalSlide.show();
  74.   $('horizontal_status').set('html', status[myHorizontalSlide.open]);
  75.  });
  76.  
  77.  // When Horizontal Slide ends its transition, we check for its status
  78.  // note that complete will not affect 'hide' and 'show' methods
  79.  myHorizontalSlide.addEvent('complete', function() {
  80.   $('horizontal_status').set('html', status[myHorizontalSlide.open]);
  81.  });
  82. });
  83. ?>



i kod w html'u
  1. <a id="v_slideout" href="#">UKRYJ</a>
  2. <a id="v_slidein" href="#">pokaz</a>
  3. <div id="vertical_slide">
  4. Lorem ipsum dolor sit amet
  5. </div>
  6. $('#v_slideout').hide();
  7. $('#text').hide();
  8.  
  9. $('#v_slidein').click(function(){
  10. $('#v_slideout, #text').show();
  11. $('#v_slidein').hide();
  12. return false;
  13. });
  14.  
  15. $('#v_slideout').click(function(){
  16. $('#v_slidein').show();
  17. $('#v_slideout, #text').hide();
  18. return false;
  19. });



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)
mike
Zamknąłem Ci poprzedni wątek żeby był zamknięty a nie po to żebyś otwierał ponowny.
Napiszesz kolejny to dostaniesz ostrzeżenie.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.