[html]Tab in textarea

[Vjenne]

Titel zegt het al. Hoe kan ik zorgen dat ik kan tabben in een textarea. Nu springt hij gewoon naar het volgend onderdeel in de vorm. Als ik hier de rest de tabindex op -1 zet werkt het natuurlijk ook niet.
Iemand een idee?

[Bosmonster]

kennie voor zover ik weet...

[André]

Met een textarea wil dat niet. Je kunt zelf een textarea object maken en daar de gewenste functionaliteit aan hangen.

[cutter]

http://www.google.nl/search?q=tab+textarea&hl=nl&lr=
welles

code:

<SCRIPT>
/* Copyright 2000 SiteExperts.com/ InsideDHTML.com, LLC
   This code can be reusedas long as the above copyright notice
   is not removed */

function CheckTab(el) {
  // Run only in IE
  // and if tab key is pressed
   if ((document.all) && (9==event.keyCode) ) {
    // Cache the selection
    el.selection=document.selection.createRange(); 
    setTimeout("ProcessTab('" + el.id + "')",0)
  }
}

function ProcessTab(id) {
  // Insert tab character in place of cached selection
  document.all[id].selection.text=String.fromCharCode(9)
  // Set the focus
  document.all[id].focus()
}
</SCRIPT>
<TEXTAREA ID=MyTabDemo ONKEYDOWN="CheckTab(this)" ROWS=20 COLS=20>
Try using TAB inside of this textbox.
</TEXTAREA>

[Thijsmans]

Gewoon de keycode afvangen, als het een tab is een '/t' neerzetten in het desbetreffende vak.

_{ben ik de enige waar ICQ niet werkt?}

[Bosmonster]

maar dan werkt je tabvolgorde niet meer

Wel erg dirty.. vang dan <shift>-tab af ofzo.. ook al is dat terug in de tabs..

[André]

Inderdaad heel dirty. Ik blijf toch bij mijn eigen methode. Op de plaatsen waar textarea's staan, staan ook vaak andere formulierelementen die je dan niet fatsoenlijk met tab kunt langslopen.

[cutter]

Op vrijdag 05 april 2002 15:21 schreef Prammenhanger het volgende:

_{ben ik de enige waar ICQ niet werkt?}

ja, je staat bij mij op offline... terwijl ik net ff gezelli met Bosmonster over de ins en outs van CMSjes heb zitten babbelen.

[Bosmonster]

lol.. coole sig cutter

[Vjenne]

Hey allemaal heel erg bedankt, ik ga ff dat scriptje proberen. Ik denk namelijk dat dat voor mij wel werkt omdat ik de tab om alles door te lopen van minder groot balng is.

[Vjenne]

Hmm ik heb nu dus dat scriptje gebruikt, maar het venster "springt" dan een keer heen en weer. Eigenlijk een luxe probleem, maar is hier geen oplossing voor?

[cutter]

Wat wil je er eigenlijk mee bereiken, want het is geinig dat het kan, maar verder kun je er eigenlijk niets mee.

code:

<SCRIPT>
/* Copyright 2000 SiteExperts.com/ InsideDHTML.com, LLC
   This code can be reusedas long as the above copyright notice
   is not removed */
function CheckTab(el) {
  // Run only in IE
  // and if tab key is pressed
   if ((document.all) && (9==event.keyCode) ) {
    // Cache the selection
    el.selection=document.selection.createRange(); 
    setTimeout("ProcessTab('" + el.id + "')",0)
  }
}

function ProcessTab(id) {
  // Insert tab character in place of cached selection
  document.all[id].selection.text=String.fromCharCode(9)
  // Set the focus
  document.all[id].focus()
}
</SCRIPT>
<form name="form1">
<textarea cols="20" rows="20" name="demo" id="demo" onKeyDown="CheckTab(this)">
Try using TAB inside of this textbox.
</textarea>
<input type="submit" onclick="doit()">
</form>
<script>
function doit() {
document.write(document.form1.demo.value)
}

</script>

html interpreteert de tab (ascii code 9) als een spatie. Oftewel mensen kunnen heel fijn hele mooie formuliertjes invullen, maar zo krijg je ze er in html iig niet uit.

[Vjenne]

Nee, maar dat is ook ok. Ik wil namelijk een online html editor voor mijn site maken. En op de opmaak wat beter te maken is dus een tab wel makkelijk.

[cutter]

Op vrijdag 05 april 2002 17:47 schreef Vjenne het volgende:
Nee, maar dat is ook ok. Ik wil namelijk een online html editor voor mijn site maken. En op de opmaak wat beter te maken is dus een tab wel makkelijk.

Maar: dat zeg ik hierboven, dat kan dus niet.

[HunterPro]

Op vrijdag 05 april 2002 18:15 schreef cutter het volgende:

[..]

Maar: dat zeg ik hierboven, dat kan dus niet.

wat nou als je er voor zorgt dat er bijvoorbeeld 5 spaties worden ingevoegd? Tadaa!

[Vjenne]

Op vrijdag 05 april 2002 18:15 schreef cutter het volgende:

[..]

Maar: dat zeg ik hierboven, dat kan dus niet.

Uh, het werkt weldegelijk, alleen het beeld beweegt tijdens een tab een beetje.

[cutter]

Op vrijdag 05 april 2002 20:44 schreef Vjenne het volgende:

[..]

Uh, het werkt weldegelijk, alleen het beeld beweegt tijdens een tab een beetje.

Jawel, je kunt fijn tabs invoegen in je tekstveld, maar in je html komt het er gewoon uit als een spatie. Dat wiebelen komt omdat ie eerst unfocused en daarna weer focused, moet omdat ie anders de tab niet goed in kan voegen.

Het is leuk, alleen heb je niets aan de fromCharCode(9) --> de tab.

Probeer die tweede code maar eens die ik gepost heb.