login  Naam:   Wachtwoord: 
Registreer je!
 Forum

van een html-file naar een js-library. (Opgelost)

Offline lolll - 21/07/2009 10:15 (laatste wijziging 21/07/2009 10:21)
Avatar van lolllLid Ik heb problemen met het converteren van js-code in een html-file naar een js-library.

Dit was mijn css-code:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. .borderOn {border: solid 3px #FFFF00;}
  3. .borderOff {border: solid 1px #000;}
  4. .bgcolorOn {background-color: #00FA9A;}
  5. .bgcolorOff {background-color: #B6EAB6;}
  6. </style>


Dit was mijn html-code:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <table border="1" cellpadding="7" cellspacing="0"
  2. onMouseOver="this.className='borderOn'" onMouseOut="this.className='borderOff'"
  3. class="borderOff">
  4. <tr>
  5. <td onMouseOver="this.className='bgcolorOn'" onMouseOut="this.className='bgcolorOff'"
  6. class="bgcolorOff">
  7. Hier komt de tekst...
  8. </td>
  9. </tr>


Nu wil ik de js-code in een js-library zetten. Dat heb ik zo gedaan :

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function boff(){
  2.     this.className='borderOff';
  3. }
  4. function bon(){
  5.     this.className='borderOn';
  6. }
  7. function bgoff(){
  8.     this.className='bgcolorOff';
  9. }
  10. function bgon(){
  11.     this.className='bgcolorOn';
  12. }


Nu ziet mijn html er zo uit :

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <table border="1" cellpadding="7" cellspacing="0"
  2. onMouseOver="bon()" onMouseOut="boff()"
  3. class="borderOff">
  4. <tr>
  5. <td onMouseOver="bgon()" onMouseOut="bgoff()"
  6. class="bgcolorOff">
  7. Hier komt mijn tekst...
  8. </td>
  9. </tr>


Alleen werkt het nu niet. Wat doe ik fout ?

Lolll

2 antwoorden

Gesponsorde links
Offline Richard - 21/07/2009 11:08 (laatste wijziging 21/07/2009 11:10)
Avatar van Richard Crew algemeen Je zult je element moeten meegeven, this wijst namelijk naar het globale object als een functie niet is gekoppeld aan een gewoon object.

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function boff(elem){
  2.     elem.className='borderOff';
  3. }
  4. function bon(elem){
  5.     elem.className='borderOn';
  6. }
  7. function bgoff(elem){
  8.     elem.className='bgcolorOff';
  9. }
  10. function bgon(elem){
  11.     elem.className='bgcolorOn';
  12. }


En:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <table border="1" cellpadding="7" cellspacing="0"
  2. onmouseover="bon(this)" onmouseout="boff(this)"
  3. class="borderOff">
  4. <tr>
  5. <td onmouseover="bgon(this)" onmouseout="bgoff(this)"
  6. class="bgcolorOff">
  7. Hier komt mijn tekst...
  8. </td>
  9. </tr>


Het kan allemaal veel netter (zie bijv. jQuery), maar dit zal wel werken :-)
Offline lolll - 21/07/2009 12:28
Avatar van lolll Lid
JeXuS schreef:
Je zult je element moeten meegeven, this wijst namelijk naar het globale object als een functie niet is gekoppeld aan een gewoon object.

[..code..]

En:

[..code..]

Het kan allemaal veel netter (zie bijv. jQuery), maar dit zal wel werken :-)


Nee, bij mij werkt het niet  

Ik heb nog vanalles geprobeerd, maar het werkt niet...
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.18s