login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[b][/b] tussen de geselecteerde tekst (Opgelost)

Offline Thepiratbay - 08/01/2011 10:57
Avatar van Thepiratbay0 Hallo ik heb nu als sript
  1. <input type="button" style="font-weight: bold; width: 30px" value="B" onclick="javascript:icon('[b][/b] ')">

voor leter dik te drukken maar nu wil ik dat als mensen tekst slecteren dat de tekst tussen de
  1. [b][/b]
hoe moet ik dat doen?

11 antwoorden

Gesponsorde links
Offline lolll - 08/01/2011 11:02 (laatste wijziging 08/01/2011 11:27)
Avatar van lolll Lid Op deze site staat hoe je de geselecteerde tekst d.m.v js kan ophalen met een voorbeeld :http://www.code...d_text.asp

Lolll

Heb zelf even iets geprobeerd, maar het werkt nog niet helemaal, maar misschien kun jij het wel aan de praat krijgen, want ik denk dat je het zo zal moeten doen:
(html):
  1. <textarea id="editbox">Dit is een voorbeeldtekst.</textarea>
  2. <input type="button" value="b" onclick="setStyle(this.value);" />

(js):
  1. function setStyle(style){
  2. var txt = '';
  3.      if (window.getSelection){
  4.         txt = window.getSelection();
  5.      }else if (document.getSelection){
  6.         txt = document.getSelection();
  7.      }else if (document.selection){
  8.         txt = document.selection.createRange().text;
  9.      }
  10. var ebox = document.getElementById("editbox");
  11. if(txt!=''){
  12. var estr = "[" + style + "]" + txt + "[/" + style + "]";
  13. ebox.value.replace(txt, estr);
  14. }else{
  15. ebox.value+="[" + style + "] [/" + style + "]";
  16. }
  17. }
Offline Thepiratbay - 08/01/2011 11:26 (laatste wijziging 08/01/2011 11:28)
Avatar van Thepiratbay 0 Het werkt niet:(
Regel 5 tot 24
Code:
  1. <form method="POST" action="priveberichten.php?send=1" name=formulier>
  2. <p>Member ID:
  3. <input name="naar" type="text" value="<? echo $naar ?>" size="10" maxlength="10"> ( <a href="profiel.php"><img src="img/zoek.png" width="32" height="32" alt="Zoek member id" /><a href="profiel.php">Zoek member ID</a> )<br>
  4. Onderwerp: <input type="text" name="onderwerp" size="100" maxlength="100" value="<? echo $titel ?>"><br>
  5. <script language=javascript>
  6. function getSelText()
  7. {
  8.     var txt = '';
  9.      if (window.getSelection)
  10.     {
  11.         txt = window.getSelection();
  12.              }
  13.     else if (document.getSelection)
  14.     {
  15.         txt = document.getSelection();
  16.             }
  17.     else if (document.selection)
  18.     {
  19.         txt = document.selection.createRange().text;
  20.             }
  21.     else return;
  22. document.aform.selectedtext.value = txt;
  23. }
  24. </script>
  25. <input type="button" style="font-weight: bold; width: 30px" value="B" onclick="javascript:icon('[b][/b] ')">
  26. <input type="button" style="font-style: italic; width: 30px" value="I " onclick="javascript:icon('[i][/i] ')">
  27. <input type="button" style="text-decoraton: underline; width: 30px" value="U" onclick="javascript:icon('[u][/u] ')">
  28. <input type="button" style="color: #0000FF" value="Kleur" onclick="javascript:icon('[color=&quot#FF9900&quot][/color] ')">
  29. <input type="button" style="font-family: Courier New" value="Code" onclick="javascript:icon('[code]
  30.  
  31. ')"><br>
  32. <textarea name="bericht" cols="100" rows="15"></textarea>
  33. </p>
  34. <p> <a href="javascript:icon(':-)')"></a><br>
  35. <input type="submit" value="Verstuur"> <input type="reset" value="Wis velden">
  36. </p>
  37. <style type="text/css">
  38. <!--
  39. body {
  40. background-image: url(loginachtergrond.png);
  41. text-align: center;
  42. background-repeat: repeat;
  43. }
  44. .uig {
  45. color: #FFF;
  46. }
  47. .uig em {
  48. font-size: 9px;
  49. }
  50. .uig em {
  51. font-size: 1px;
  52. }
  53. .uig em {
  54. font-style: italic;
  55. }
  56. .uig em {
  57. font-size: 3px;
  58. }
  59. .uig em {
  60. font-size: 1px;
  61. }
  62. p {
  63. color: #666;
  64. }
  65. A:link { color: #666666; }
  66. A:visited { color: #666666; }
  67. A:hover { color: #cccccc; }
  68. -->
  69. </style>
  70. </p>
  71. </form>

Who snelle reactie lolll
Offline lolll - 08/01/2011 11:29
Avatar van lolll Lid bekijk mijn stukje code bovenaan eens, het moet iets in die aard zijn, als je het niet vind wil ik straks nog wel even er over denken, maar moet nu vlug weg.

Lolll
Offline Thepiratbay - 08/01/2011 11:39
Avatar van Thepiratbay 0 Het werkt nog steeds niet code:

Koen schreef:
Geen lange codes op het forum, zoals je in de regels kan lezen.
Offline dmbekker - 08/01/2011 12:00 (laatste wijziging 08/01/2011 12:01)
Avatar van dmbekker Lid Zo moelijk is het niet om google te begrijpen 
Offline lolll - 08/01/2011 12:11 (laatste wijziging 08/01/2011 13:55)
Avatar van lolll Lid
dmbekker schreef:
Zo moelijk is het niet om google te begrijpen 


de vraag was niet, hoe maak ik bbcode met php, maar hoe zorg ik ervoor dat er rond de geselecteerde tekst bb-tags komen.

EDIT:

Heb ondertussen al een werkende code gevonden, helaas werkt deze enkel in IE, ik zoek nog een oplossing voor de andere browsers.
code:Plaatscode: 140456

Lolll

EDIT EDIT:

Het is bijna onmogelijk om deze code in alle browsers te laten werken heb ik gelezen. De volgende code werkt enkel in IE en chrome, in FF krijg ik het maar niet aan de praat en in netscape heb ik nog niet getest, maar je hebt toch al 2 ondersteunende browsers. De code zou wel werken, wanneer het geen textarea is, dus dan lukt het mss wel.
CODE:Plaatscode: 140457
Offline Thepiratbay - 08/01/2011 16:40 (laatste wijziging 08/01/2011 17:01)
Avatar van Thepiratbay 0 Kan de code no niet testen.(Site down)
Getest werkt niet gebruik Google chrome.
Offline lolll - 08/01/2011 17:12
Avatar van lolll Lid bij mij werkt ie perfect in chrome.(Het is de allerlaatste code in mijn voorlaatste topic)
Offline Thepiratbay - 09/01/2011 10:27 (laatste wijziging 09/01/2011 10:28)
Avatar van Thepiratbay 0 werkt niet dit word mijn script : Plaatscode: 140461
Offline lolll - 09/01/2011 14:40
Avatar van lolll Lid 1.fout zit op r.17 en 19. je formulier heeft de naam formulier, en hier verwijs je naar het formulier 'aform' dat niet bestaat.
2.De functie setStyle kan je ook gebruiken voor je andere knoppen zoals 'i' en 'u'.

Voor de rest ziet het er goed uit.
Offline Thepiratbay - 09/01/2011 16:42
Avatar van Thepiratbay 0 Thanks!
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.21s