login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Mouse over effect op form

Offline rpgnox - 18/02/2010 16:39 (laatste wijziging 18/02/2010 16:39)
Avatar van rpgnoxPHP interesse Voor een aanvullende post functie wil ik een mouse over effect toegevoegd hebben.

Momenteel wordt mijn afbeelding getoond als:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <input name="item" type="image" value="1" onclick="document.getElementById('sel').value = 'true'" src="images/race/tuning/wheel/1.png" /> </form>


Hoe is het mogelijk om met een mouse over, over deze afbeelding een mouse over effect (vb. ander plaatje) te tonen?

5 antwoorden

Gesponsorde links
Offline WouterPSV - 18/02/2010 16:46 (laatste wijziging 18/02/2010 16:47)
Avatar van WouterPSV Lid met functies

onmouseover en met onmouse out.
Als je het met een CSS wil doen. Kun je zoiets doen:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#" onmouseover="this.className='button_mouseover'" onmouseout="this.className='button_mouseout'" class="button_mouseout">link</a>


In ieder geval de opties on- mouseover & mouseout gebruiken.
zitten ook bij input
Offline TotempaaltJ - 18/02/2010 17:09
Avatar van TotempaaltJ PHP interesse
WouterPSV schreef:
zitten ook bij input
En bij de meeste, als niet alle, andere HTML-tags. In de onmouseover en onmouseout attributen kan je precies hetzelfde als in de onclick attribuut.
Offline rpgnox - 18/02/2010 17:31
Avatar van rpgnox PHP interesse Dank jullie wel. Helaas kom ik er maar niet uit en heb het op een andere manier geprobeerd.

Momenteel heb ik

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <area shape="poly" alt="" coords="108,153,108,88,221,23,221,87" href="dit_moet_de_post_worden" id="fancy2" title="<?=$city_1;?> - <table width=200px><tr><td><img src='images/icons/money.gif'> <?=$airfield_18;?>: €3500</td></tr><tr><td><img src='images/icons/status_online.gif'> <?=$airfield_19;?>: <?echo$amsterdam;?></td></tr></table>">


Hoe kan ik er nu voor zorgen dat mijn originele post gedeelte

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <input type="radio" name="train" value="1" onclick="document.getElementById('sel').value = 'true'">
  2. <input type='submit' name='koop' value='<?=$airfield_21;?>' class="mod_submit">
  3. </form>


Kan worden verwerkt in het eerste script deel?
Offline Jelmerholland - 19/02/2010 08:29
Avatar van Jelmerholland PHP beginner wat dacht je gewoon van css?

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <input type="submit" id="submit_button"/>


En dan in je css
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #submit_button{
  2. width:100px; /*oid*/
  3. height:30px; /*oid*/
  4. background:url(images/plaatje.png) no-repeat;
  5. }
  6.  
  7. #submit_button:hover{
  8. background:url(images/plaatje2.png) no-repeat;
  9. }


zo doet ik 't 

Als je je radio wilt vervangen, ik doe dit door een apparte div er naast te zetten, op het tekst en plaatje een label naar je ECHTE radio en die met position absolute en top en left buiten het beeld zetten (niet op display:none zetten, werkt niet in IE), en dan met een beetje javascript/jQuery kom je er wel 

Hebt ik ook gedaan.

http://www.jdwebdesign.nl/
Zie het opties paneel rechts bovenin, de taal selector ;)
Bedankt door: rpgnox
Offline rpgnox - 19/02/2010 13:17
Avatar van rpgnox PHP interesse Dank je wel. Misschien ook enig idee hoe het deel is op te lossen van

Dank jullie wel. Helaas kom ik er maar niet uit en heb het op een andere manier geprobeerd. Momenteel heb ik
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <area shape="poly" alt="" coords="108,153,108,88,221,23,221,87" href="dit_moet_de_post_worden" id="fancy2" title="<?=$city_1;?> - <table width=200px><tr><td><img src='images/icons/money.gif'> <?=$airfield_18;?>: €3500</td></tr><tr><td><img src='images/icons/status_online.gif'> <?=$airfield_19;?>: <?echo$amsterdam;?></td></tr></table>">
Hoe kan ik er nu voor zorgen dat mijn originele post gedeelte
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <input type="radio" name="train" value="1" onclick="document.getElementById('sel').value = 'true'"> <input type='submit' name='koop' value='<?=$airfield_21;?>' class="mod_submit"> </form>
Kan worden verwerkt in het eerste script deel?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.313s