wrap tags around text

[jwk811]

this website has it when you type something you can simply just highlight it and click the bold button and the b tags wrap around it... how does that work?.. right now i have it so the user clicks the bold button and a pop up comes up where they can type it in and sets the tags which is a pain

[taith]

you're prolly wanna look more to javascript... but i'll give ya this just for ideas...
[code]
<?
function filter_colourize($string){
while(($pos=strpos($string,"`")) !== false ){
  $tag=substr($string,$pos+1,1);
  $pre=substr($string,0,$pos);
  $post=substr($string,$pos+2);
  switch($tag){
  case "0":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:white;">';
  break;
  case "1":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:olive;">';
  break;
  case "2":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:orange;">';
  break;
  case "3":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:plum;">';
  break;
  case "4":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:pink;">';
  break;
  case "5":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:purple;">';
  break;
  case "6":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:red;">';
  break;
  case "7":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:gray;">';
  break;
  case "8":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:green;">';
  break;
  case "9":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:hotpink;">';
  break;
  case "!":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:silver;">';
  break;
  case "@":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:gold;">';
  break;
  case "#":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:lightslategray;">';
  break;
  case "$":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:steelblue;">';
  break;
  case "%":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:ivory;">';
  break;
  case "^":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:tan;">';
  break;
  case "&":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:teal;">';
  break;
  case "a":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:yellow;">';
  break;
  case "b":
    if(!$nestedtags[bold]){
    $nestedtags[bold]=true;
    $colour .= '<b>';
    }else{
    $nestedtags[bold]=false;
    $colour .= '</b>';
    }
  break;
  case "c":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:cornsilk;">';
  break;
  case "d":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:navy;">';
  break;
  case "e":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:aqua;">';
  break;
  case "f":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:cyan;">';
  break;
  case "g":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:beige;">';
  break;
  case "h":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:lime;">';
  break;
  case "i":
    if(!$nestedtags[italics]){
    $nestedtags[italics]=true;
    $colour .= '<i>';
    }else{
    $nestedtags[italics]=false;
    $colour .= '</i>';
    }
  break;
  case "j":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:blue;">';
  break;
  case "k":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:linen;">';
  break;
  case "l":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:azure;">';
  break;
  case "m":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:black;">';
  break;
  case "n":
    $colour .= '<br>';
  break;
  case "o":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:magenta;">';
  break;
  case "p":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:brown;">';
  break;
  case "q":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:cadetblue;">';
  break;
  case "r":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:maroon;">';
  break;
  case "s":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:coral;">';
  break;
  case "t":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:darkseagreen;">';
  break;
  case "u":
    if(!$nestedtags[underline]){
    $nestedtags[underline]=true;
    $colour .= '<u>';
    }else{
    $nestedtags[underline]=false;
    $colour .= '</u>';
    }
  break;
  case "v":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:chocolate;">';
  break;
  case "w":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:crimson;">';
  break;
  case "x":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:bisque;">';
  break;
  case "y":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:orchid;">';
  break;
  case "z":
    if(!$nestedtags[colour]) $nestedtags[colour]=true;
    else $colour .= '</span>';
    $colour .= '<span style="color:peru;">';
  break;
  }
  $string=$pre.$colour.$post;
  unset($colour);
  $i=$pos+1;
}
if($nestedtags[italics]) $string .= '</i>';
if($nestedtags[underline]) $string .= '</u>';
if($nestedtags[bold]) $string .= '</b>';
if($nestedtags[colour]) $string .= '</span>';
return $string;
}

echo filter_colourize('te`0st test test `dtes`st test test `bte`ust te`bst t`uest test t`Dest ');
?>
[/code]