[JavaScript] Link per Klick ändern

GaYlORd · 14. Februar 2011

Link per Klick ändern

Hi,

habe folgende Situation:

Bei einem klick auf ein Bild (onclick=""), ändert sich die div größe und das bild "fährt" aus. Ich möchte, dass er, wenn ich wieder auf das Bild klicke, die div größe wieder kleiner wird.

Bisher hab ich:

PHP:

 
onclick="$('morph_demo<?php  echo  $row [ "id" ];  ?>').morph('height:<?php  echo  $row [ "bla" ];  ?>px; cursor:pointer;'); return false;"

Nachdem ich da jetzt darauf geklickt wurde, soll sich der Link ändern in:

PHP:

 
$('morph_demo<?php  echo  $row [ "id" ];  ?>').morph('height:88px; cursor:pointer;'); return false;

Habe versucht eine JS-Funktion beim onclick aufzurufen, die dann prüft, welche Größe gerade der div hat, jedoch ging das nicht.

Bin für jede Hilfe dankbar!

Gruß
gl

Anzeige

hacker5 · 14. Februar 2011

AW: Link per Klick ändern

HTML:

<script type="text/javascript">

function foo(id,height) {
element='morph_demo'+id;

if($(element).getStyle('height')!='88px'){
 alert('test1');
 $(element).morph('height:88px; cursor:pointer');
 }else{
 alert('test2');
 $(element).morph('height:'+height+'px; cursor:pointer');
 }
}

</script>


<div id="morph_demo5" style="height:88px;width:100px;background-color:#000;color:#FFF">TEST</div>

Aufruf z.B.

foo(5,150)

Klappt, hab ich gerade getestet.

GaYlORd · 14. Februar 2011

AW: Link per Klick ändern

perfekt, danke schön =)

gruß
gl

Nützliche Suchen

[JavaScript] Link per Klick ändern

Videos zum Themenbereich