UBB uitgebreid (update)

Auteur: BigTeddy - 31 augustus 2004 - 15:11 - Gekeurd door: Dennisvb - Hits: 7343 - Aantal punten: 3.70 (5 stemmen)

Dit UBB scriptje laat je toe alle functie te gebruiken die je wilt op verschillende manieren.

- Je kan tekst selecteren en dan zal er automatisch de gekozen UBB worden op toegepast, indien er 1 of 2 variable zijn ingevuld.

- Indien er 1 variable is ingevuld komt deze automatisch zo en direct in het textvlak te staan, dit is bv handig voor een <hr>, smilies of een code die een pagina verdeeld in verschillende pagina of dergelijke.

- Indien er 2 variable zijn ingevuld zal er 1 venstertje komen waar je je tekst moet invoegen waarop je dan die UBB gaat toepassen.

- Indien de 3de variable is ingevuld met "dubbel" zullen er 2 venstertje openen om in te vullen. Dit is voor bv een URL => eerste de url en het 2de is dan de tekst waarop het moet worden toegepast.
Indien je een tekst hebt geselecteerd zal er enkel het 2de worden getoont en zal hierop het UBB worden toegepast. Dit wil dus zeggen dat als je bv "SiteMasters.be" heb geselecteerd en op de knop [URL] hebt gedrukt je enkel de url moet invullen (http://www.sitemasters.be) en dan krijg je automatisch de url link.

Je gebruik dit script op de volgende manier.
Maak een form en een textvlak aan en geef ze beiden een naam.
Deze naam moet je dan invullen op form en field.
Zet bij het txt vlak volgende regel met de juiste naam van het form en het tekstvlak
"onkeyup='setCursor('form', 'field');' onkeydown='setCursor('form', 'field');' onfocus='setCursor('form', 'field');' onclick='setCursor('form', 'field');".

De plaatje maak je als volgend

<?php
echo "<img onclick=\"ubb('form', 'field', '� punt 1<br /> � punt 2<br /> � punt 3');\" src='list.gif'>";
echo "<img onclick=\"ubb('form', 'field', '[align=center]','[/align]', 'Centraal geplaatst');\" src='fontcenter.gif'>
echo "<img onclick=\"ubb('form', 'field', '[img]','[/img]','');\" src='img.gif'>";
?>

Code:

php code - Bekijk de code zonder highlighting - Klap code in

                function setCursor(form, field)
{ 
  if(document.forms[form].elements[field].createTextRange)
  {
    document.forms[form].elements[field].caretPos = document.selection.createRange().duplicate(); 
  } 
} 

function ubb(form, field, begin, eind, opmaak)
{ 
  if(!eind && !opmaak)
  { 
    if(document.forms[form].elements[field].createTextRange && document.forms[form].elements[field].caretPos)
    { 
      document.forms[form].elements[field].caretPos.text = begin;
    } 
  }
  
  else if(opmaak == "dubbel")
  {
    var selectie = document.selection.createRange().text;
    if(!selectie)
    { 
      var url_deel = prompt("Typ hier de/het "+ begin +" die/dat geplaatst moet worden:",""); 
      var tekst_deel = prompt("Typ hier de tekst die geplaatst moet worden:",""); 
      if(url_deel && tekst_deel)
      {
        document.forms[form].elements[field].caretPos.text = "["+begin+"="+url_deel+"]" + tekst_deel + "[/"+eind+"]";
      }
    } 
      
    if(selectie)
    {
      var url_deel = prompt("Typ hier de url die geplaatst moet worden:",""); 
      if(url_deel)
      {
        document.selection.createRange().text = "["+begin+"="+url_deel+"]" + selectie + "[/"+eind+"]";
      }
    }
  }

  else
  { 
    if(opmaak != "geen")
    { 
      var selectie = document.selection.createRange().text;
      if(!selectie)
      { 
        var new_inhoud = prompt("Typ hier de tekst in waarrond "+begin+" & "+eind+" geplaatst moet worden:",""); 
        if(new_inhoud)
        {
          document.forms[form].elements[field].caretPos.text = begin + new_inhoud + eind;
        }
      }
      
      if(selectie)
      {
        document.selection.createRange().text = begin + selectie + eind; 
      }
    }
  } 

  document.forms[form].elements[field].focus(); 
  return; 
}
            
function setCursor(form, field)
{ 
  if(document.forms[form].elements[field].createTextRange)
  {
    document.forms[form].elements[field].caretPos = document.selection.createRange().duplicate(); 
  } 
} 
 
function ubb(form, field, begin, eind, opmaak)
{ 
  if(!eind && !opmaak)
  { 
    if(document.forms[form].elements[field].createTextRange && document.forms[form].elements[field].caretPos)
    { 
      document.forms[form].elements[field].caretPos.text = begin;
    } 
  }
 
  else if(opmaak == "dubbel")
  {
    var selectie = document.selection.createRange().text;
    if(!selectie)
    { 
      var url_deel = prompt("Typ hier de/het "+ begin +" die/dat geplaatst moet worden:",""); 
      var tekst_deel = prompt("Typ hier de tekst die geplaatst moet worden:",""); 
      if(url_deel && tekst_deel)
      {
        document.forms[form].elements[field].caretPos.text = "["+begin+"="+url_deel+"]" + tekst_deel + "[/"+eind+"]";
      }
    } 
 
    if(selectie)
    {
      var url_deel = prompt("Typ hier de url die geplaatst moet worden:",""); 
      if(url_deel)
      {
        document.selection.createRange().text = "["+begin+"="+url_deel+"]" + selectie + "[/"+eind+"]";
      }
    }
  }
 
  else
  { 
    if(opmaak != "geen")
    { 
      var selectie = document.selection.createRange().text;
      if(!selectie)
      { 
        var new_inhoud = prompt("Typ hier de tekst in waarrond "+begin+" & "+eind+" geplaatst moet worden:",""); 
        if(new_inhoud)
        {
          document.forms[form].elements[field].caretPos.text = begin + new_inhoud + eind;
        }
      }
 
      if(selectie)
      {
        document.selection.createRange().text = begin + selectie + eind; 
      }
    }
  } 
 
  document.forms[form].elements[field].focus(); 
  return; 
}
 

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Lees de reacties (5)