[JS] href disablen

[Reveller]

Ik ben bezig met een wysiwyg editor in javascript. Op een bepaald moment in de code, voeg ik buttons toe aan de toolbar met behulp van de functie createButton:

JavaScript:

txtEditor.prototype.createToolbar = function(idprefix) {
  // ...
  this.createButton(theList.id + 'ButtonBold', 'tctButton', 'Bold', 'bold');
  this.createButton(theList.id + 'ButtonLink', 'txtButton', 'Hyperlink', 'link');
}

txtEditor.prototype.createButton = function(theID, theClass, theLabel, theAction) {
  var menuItem = document.createElement('li');
  var theLink = document.createElement('a');
  var theText = document.createTextNode(theLabel);
    
  menuItem.id = theID;
  menuItem.className = 'txtEditButton';

  theLink.href = '#';
  theLink.title = theLabel;
  theLink.className = theClass;
  theLink.action = theAction;

  var self = this;
  var onclickHandler = this.toolbarAction;
  theLink.onclick = function() {
    onclickHandler.call(self, theAction);
  } 
  
  theLink.appendChild(theText);
  menuItem.appendChild(theLink);

  return menuItem;
}

txtEditor.prototype.toolbarAction = function(theAction) {
  var target = this.textarea;
  // do stuff with theAction...
}

Het probleem is als volgt: telkens als ik op een button in de toolbar klik, gaat de browser naar http://www.mijnsite.com/#. Ik wil de href dus disablen en via Google vond ik dat ik dat moet doen met het toevoegen van return false aan de onclick handler:

code:

<a href="#" onclick="toolBarAction('bold'); return false;">Bold</a>

Maar hoe moet ik de functie createButton aanpassen, zodat deze return false; aan de buttons toevoegt? Ik probeerde al

JavaScript:

theLink.action = theAction + ' return false;';

maar dat werkt niet. Wie kan mij helpen?

[ Voor 3% gewijzigd door Reveller op 28-12-2006 21:35 ]

[Victor]

De onclick functie false laten returnen?

Dus:

JavaScript:

onclickHandler.call(self, theAction);
return false;

[Reveller]

Dat werkt perfect; dank je!

[crisp]

Waarom zou je een anchor willen gebruiken voor iets dat geen link is?

[Reveller]

crisp schreef op donderdag 28 december 2006 @ 23:24:
Waarom zou je een anchor willen gebruiken voor iets dat geen link is?

Ik dacht dat het href attribuut verplicht was binnen een a-tag Maar gewoon weglaten is natuurlijk veel logischer. Dan kan ik ook meteen onclick this.blur(); weghalen

[ Voor 18% gewijzigd door Reveller op 29-12-2006 00:01 ]

[crisp]

Reveller schreef op vrijdag 29 december 2006 @ 00:00:
[...]

Ik dacht dat het href attribuut verplicht was binnen een a-tag

Met 'anchor' bedoel ik ook een A-element. Het is geen link dus waarom zou je een A-element gebruiken? Je kan net zo goed een SPAN gebruiken met een onclick, of de onclick op de LI zetten...

[Victor]

Reveller schreef op vrijdag 29 december 2006 @ 00:00:
[...]

Ik dacht dat het href attribuut verplicht was binnen een a-tag Maar gewoon weglaten is natuurlijk veel logischer. Dan kan ik ook meteen onclick this.blur(); weghalen

- href is verplicht voor een anchor
- waar heb je this.blur() voor nodig?

crisp schreef op vrijdag 29 december 2006 @ 00:02:
[...]

Met 'anchor' bedoel ik ook een A-element. Het is geen link dus waarom zou je een A-element gebruiken? Je kan net zo goed een SPAN gebruiken met een onclick, of de onclick op de LI zetten...

Nadeel is dat je er dan geen accesskeys aan kan hangen of er naar toe kunt tabben.

[crisp]

King_Louie schreef op vrijdag 29 december 2006 @ 19:29:
[...]

- href is verplicht voor een anchor

not true...

[...]

Nadeel is dat je er dan geen accesskeys aan kan hangen of er naar toe kunt tabben.

hmmz, dat zou dan misschien wel een argument zijn om een anchor te gebruiken...

[Victor]

crisp schreef op vrijdag 29 december 2006 @ 22:40:
[...]

not true...

Stom, da's waar ook. Lang geleden gebruikte je die dingen natuurlijk ook voor de <a name=""></a> constructies... I stand corrected