1. Tudásbázis
  2. Egyéb
  3. Submit gomb

Submit gomb

Beküldte familyxx - 2008. augusztus 22. 14.38
familyxx képe

Sziasztok! Nem drupal-os téma, de remélem segít valaki. Ma egész nap ezen kínlódtam, de nem sikerül megoldanom a problémát:

Van egy űrlap és a hozzá tartozó submit gomb. Nem a hagyományos submit gombot használom, hanem magam csináltam egyet és azt szeretném, hogy ha a gomb fölé viszem a kurzort, akkor egy másik kép jelenjen meg. Eddig jutottam:

//Ez van a -ben:

if (document.images) {
kep1 = new Image
kep2 = new Image

kep1.src = '/karbantart/menu_regisztracio.jpg'
kep2.src = '/karbantart/menu_regisztracio_kiemelt.jpg'
}

//Ez van a -ban:

Fogalmam sincs miért nem vált képet, légyszi aki tud valamit segíteni az írjon!
Előre is köszi

Fórum: 
Egyéb
nevergone képe

Beküldte nevergone - 2008. augusztus 22. 14.52

Nem drupal-os téma

Ez nem általános fórum, a kérdéseddel inkább a Weblaborhoz fordulj!

0
0

Választ szeretnél? - Új kérdés, új téma - Tesztoldal - Trollkezelés - Frissítés

hosszu.kalman képe

Beküldte hosszu.kalman - 2008. augusztus 24. 21.04 

<script type="text/javascript" src="<?php print url("misc/jquery.js") ?>"></script>
<div>
  <form action="#" method="post">
    <input type="text" name="test" />
    <input id="submit-img" type="image" src="<?php print url("files/images/form_submit_out.jpg") ?>" />
  </form>
</div>
 
<script type="text/javascript">
var base_url = <?php print url() ?>;
$("#submit-img").mouseover(function() {
  $(this).attr("src", base_url + "files/images/form_submit_over.jpg");
});
$("#submit-img").mouseout(function() {
  $(this).attr("src", base_url + "files/images/form_submit_out.jpg");
});
</script>

Az url a Drupal beépített fgv-e neked nem kell, de gondolom a lényeg látszódik. Az input mező típusa image, adsz neki egy id-t, és az src attributumát változtatod. Ha eddig nem ismerted a jQuery JavaScript könytárat akkor javaslom kezdj el vele megbarátkozni ;)

0
0

Hosszu Kálmán
http://twitter.com/kalmanhosszu
http://www.kalman-hosszu.com/
http://premiumcmsthemes.com/

nevergone képe

Beküldte nevergone - 2008. augusztus 24. 21.37

Ha eddig nem ismerted a jQuery JavaScript könytárat akkor javaslom kezdj el vele megbarátkozni ;)

Írhatnál egyszer ide az oldalra egy kis kezdőknek szóló howto -t vele kapcsolatban, különösen Drupalos szemszögből. :)

0
0

Választ szeretnél? - Új kérdés, új téma - Tesztoldal - Trollkezelés - Frissítés

hosszu.kalman képe

Beküldte hosszu.kalman - 2008. augusztus 25. 09.32 

<script type="text/javascript">
var base_url = <?php print url() ?>;
$("#submit-img").mouseover(function() {
  $(this).attr("src", base_url + "files/images/form_submit_over.jpg");
}).end().mouseout(function() {
  $(this).attr("src", base_url + "files/images/form_submit_out.jpg");
});
</script>

Mire vagy kiváncsi? Írok én nagyon szívesen csak tudjam, hogy mit szeretnél tudni!

0
0

Hosszu Kálmán
http://twitter.com/kalmanhosszu
http://www.kalman-hosszu.com/
http://premiumcmsthemes.com/

nevergone képe

Beküldte nevergone - 2008. augusztus 25. 09.36

Szerintem itt többeket érdekelne (bevallom, engem is), egy kis leírás példákkal a JQuery használatának kezdeti lépéseiről, és arról hogyan használható (hogyan kell rá hivatkozni, stb.) a Drupal alatt.

0
0

Választ szeretnél? - Új kérdés, új téma - Tesztoldal - Trollkezelés - Frissítés