Thomas: <button disabled>

Beitrag lesen

Moin Matthias,

hätte noch eine Frage zu deinen <buttons>. Ich kann ein Button ja auf disabled setzten

  
<p>  
    <button id="gitter" disabled>Gitteransicht</button>  
    <button id="zeilen">Zeilenansicht</button>  
</p>  

Wenn ein User auf Zeilenansicht klickt, sollte oben das disabled weg und dafür beim aktuellen geklickten Button hin. Wie müsste ich dieses in dein JS Code mit einbauen? Ein addClass ist es ja nicht oder?

  
<h1>Demo Bilder</h1>  
  
<p>  
    <button id="gitter" disabled>Gitteransicht</button>  
    <button id="zeilen">Zeilenansicht</button>  
</p>  
  
    <section>  
        <figure>  
            <img src="http://dummyimage.com/330x400" />  
            <figcaption>Ich bin eine Beschreibung für das erste Bild</figcaption>  
        </figure>  
  
        <figure>  
            <img src="http://dummyimage.com/330x400" />  
            <figcaption>Ich bin eine Beschreibung für das zweite Bild</figcaption>  
        </figure>  
  
        <figure>  
            <img src="http://dummyimage.com/330x400" />  
            <figcaption>Ich bin eine Beschreibung für das dritte Bild</figcaption>  
        </figure>  
  
</section>  

  
    <script>  
       $(document).ready(function(){  
  
          $('#zeilen').click(function(){  
              $('section').addClass('zeilenansicht');  
            });  
  
          $('#gitter').click(function(){  
            $('section').removeClass('zeilenansicht');  
            });  
  
      });  
    </script>  

  
h1 {  
    margin-left: 1.23em;  
}  
  
p {  
    margin-left: 2.4em;  
}  
  
figure {  
    display: inline-block;  
}  
  
figcaption {  
    display: none;  
}  
  
.zeilenansicht figure {  
    display: block;  
    padding-top: 20px;  
}  
  
  
.zeilenansicht figcaption {  
    display: block;  
}  

Dann hätte ich noch eine letzte Frage, ist es möglich diesen Status der vom User gewählt wurde in einer Session oder Cookie zu speichern? Wenn ja ist es sehr aufwendig?

Ich weiß dass ich eine Session so starten kann

session_start();  
$_SESSION['status'] = "";  

Aber wie wird der status gefüllt? Habe ich mit JS auch hier eine Möglichkeit?