formatovanie

max-m · Napísal **max-m**: 04.05.2008 13:16 | formatovanie

mam mensi problem. na stranku by som chcel dat textarea v ktorom sa da vystupny text formatovat (podobne ako tu). ako zariadim vlozenie znaciek do textarea, pripadne ak je vyznaceny text v textarea ako ho vlozim medzi znacky?

napr.:

Kód:

[b]tucny text[/b]

DIK.

Flety · Napísal **Flety**: 04.05.2008 13:29 | formatovanie

to uz su vazne vsetci taky lenivy??? HLADAJ/RMB->Zobraziť zdrojový kód stránky :jaw:

max-m · Napísal autor témy **max-m**: 04.05.2008 14:09 | formatovanie

lenivy nie som, len som v javascripte uplny zaciatocnik. pozeral som samozrejme aj kod ale to bolo to iste ako keby mi povedali, ze mam ist operovat...

skusal som nieco taketo:

Kód:

<script type="text/javascript">
<!--
    function formatText (tag) {
        var selectedText = document.selection.createRange().text;
        
        if (selectedText != "") {
            var newText = "<" + tag + ">" + selectedText + "</" + tag + ">";
            document.selection.createRange().text = newText;
        }
    }
//-->
</script>
<form name="my_form">
    <textarea name="my_textarea"></textarea><br />
    <input type="button" value="bold" onclick="formatText ('b');" />
    <input type="button" value="italic" onclick="formatText ('i');" />
    <input type="button" value="underline" onclick="formatText ('u');" />
</form>

no nefrci to.

DIK

sedlák · Napísal **sedlák**: 13.01.2009 23:39 | formatovanie

nejake rady?

Blackshadow · Napísal **Blackshadow**: 13.01.2009 23:43 | formatovanie

Kód:

function bbcode(tag,tage,el) 
{ 
if (document.getElementById(el).setSelectionRange) { 
var tagstart; 
tagstart="["+tag+"]"; 
var tagend; 
tagend="[/"+tage+"]"; 
document.getElementById(el).value =
document.getElementById(el).value.substring(0,document.getElementById(el).selectionStart)
+ tagstart +
document.getElementById(el).value.substring(document.getElementById(el).selectionStart,
document.getElementById(el).selectionEnd)
+ tagend +
document.getElementById(el).value.substring(document.getElementById(el).selectionEnd,
document.getElementById(el).value.length); 
} 
else 
{ 
var selectedText = document.selection.createRange(el).text; 

if (selectedText != "") { 
var newText = "[" + tag + "]" +
selectedText + "[/" + tage +
"]"; 
document.selection.createRange(el).text = newText; 
} else {document.getElementById(el).value += "[" + tag + "]" + "[/" + tage +"]";}
} 

}

potom das na nejaky button:

Kód:

onclick="bbcode('b','b','ideckoTextArei')"

(ten JS je od Tominatora, dufam, ze sa nenahneva, ze som ho sem dal)

Tominator · Napísal **Tominator**: 14.01.2009 8:40 | formatovanie

Blackshadow píše:

(ten JS je od Tominatora, dufam, ze sa nenahneva, ze som ho sem dal)

Je to v poriadku

sedlák · Napísal **sedlák**: 15.01.2009 14:12 | formatovanie

sorry chlapci, pozeram nato a nic nevidim.. :loony:

ako to prisposobit aby mi to fungovalo v nasledujucom scripte?

Kód:

<br><b>HOME > Pridat zaznam</b>
<br><br>

<form name="form1" method="post" action="index.php?p=add_do">
<table>
 <tr width="50"><td>Nazov temy</td><td><input type="text" name="nazov" ><td></tr>
 <tr width="50"><td>Popis</td><td><textarea name="popis" rows="10" cols="70"></textarea><td></tr>
 <tr width="50"><td>Download linky:</td><td><textarea name="download" rows="15" cols="110"></textarea><td></tr>
 <input type="submit">
 </table>
</form>

potrebujem do textarea popis a download linky

dik moc :oops:

Tominator · Napísal **Tominator**: 15.01.2009 15:56 | formatovanie

na začiatok: <script src="bb-kod.js"></script>

bb-kod.js je ten môj kód, ktorý tu prezentoval BlackShaddow.

Teraz ti už stačí urobiť jednoduchá vec:
priradiť id="" textaream. teda id="popis", id="linky"

Následne si už len vytvoríš rad BB-linkov cez buttony, linky, texty to je jedno čo kód:

Kód:

onclick="bbcode('b','b','ideckoTextArei')"

pričom ideckoTextAreinahradíš id čkom textarei do ktorej chceš pridať BB-kód.

Ak by si nepochopil tak ti pridávam aj hotový kód ale je lepšie porozumieť ak kopírovať:

Kód:

<br><b>HOME > Pridat zaznam</b> 
<br><br> 
<script src="bb-kod.js"></script>
<form name="form1" method="post" action="index.php?p=add_do"> 
<table> 
 <tr width="50"><td>Nazov temy</td><td><input type="text" name="nazov" ><td></tr> 
<tr><td>BB-code</td><td><button  onclick="bbcode('b','b','popis')">Bold</button></td></tr>
 <tr width="50"><td>Popis</td><td><textarea name="popis" rows="10"  id="popis" cols="70"></textarea><td></tr> 
 <tr width="50"><td>Download linky:</td><td><textarea name="download" rows="15" cols="110"></textarea><td></tr> 
 <input type="submit"> 
 </table> 
</form>

sedlák · Napísal **sedlák**: 15.01.2009 16:09 | formatovanie

dik moc

ide to, len robi jednu vec co akosi nedokazem ovplyvnit...

ked kliknem napr na bold, sice prida

Kód:

[b] a [/b]

ale chova sa to tak isto ako keby som dal SUBMIT

vies mi pls este s tymto pomoct? potom uz dam pokoj

Tominator · Napísal **Tominator**: 15.01.2009 16:12 | formatovanie

<button type="button" ...

sedlák · Napísal **sedlák**: 15.01.2009 16:15 | formatovanie

dakujem, velmi tuto pomoc odcenujem

formatovanie

formatovanie

Podobné témy

Formátovanie HDD v LCD TV - nevidím ho v PC, nejde formátovanie nanovo.

formatovanie

Formátovanie ???

formátovanie

Formatovanie :(

Formatovanie

formatovanie

Formatovanie baterie

Disk !! Formatovanie !

Win7 formátovanie

Formatovanie HDD

Formatovanie HDD

Formatovanie disku

formatovanie checkboxov

Vista formatovanie

USB Formatovanie