Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > PHP

voeg codes in textarea (Opgelost)

shinobi - 13/12/2007 12:48 (laatste wijziging 13/12/2007 12:51)

Nieuw lid

ik heb de volgende form:

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

                <form action="matchverslag.php" method="post">
<table>
<tr>
<td>Match: <br /></td>
<td><input type="text" name="match" size="30" maxlength="30" value="Thuisploeg - Uitploeg"/> <br /></td>
</tr>
<tr>
<td>Uitslag: <br /></td>
<td><input type="text" name="uitslag" size="5" maxlength="5" value="0-0"/> <br /></td>
</tr>
<tr>									
<td>Matchverslag: <br /></td>
<td><textarea name="tekst" cols="65" rows="10" id="tekst"></textarea></td>									</tr>
<td> <br /></td>
<td>
<input type="submit" name="submit" value="Verstuur" /></td>
</tr>
</table>
</form>

            
<form action="matchverslag.php" method="post">
<table>
<tr>
<td>Match: <br /></td>
<td><input type="text" name="match" size="30" maxlength="30" value="Thuisploeg - Uitploeg"/> <br /></td>
</tr>
<tr>
<td>Uitslag: <br /></td>
<td><input type="text" name="uitslag" size="5" maxlength="5" value="0-0"/> <br /></td>
</tr>
<tr>									
<td>Matchverslag: <br /></td>
<td><textarea name="tekst" cols="65" rows="10" id="tekst"></textarea></td>									</tr>
<td> <br /></td>
<td>
<input type="submit" name="submit" value="Verstuur" /></td>
</tr>
</table>
</form>
 

nu wil ik boven de textarea knoppen bold enzovoort
als je er op klikt komt de code in je textarea (<b>)
kan iemand hiermee bij helpen, of een goeie tutorial geven?

thx!

14 antwoorden

Gesponsorde links

Bart - 13/12/2007 12:50
PHP expert		Search and u'll find. Google is ur friend. Kijk eens hier rond tussen de scripts?

shinobi - 13/12/2007 13:08
Nieuw lid		ok, ik heb het gevonden. dan nog een vraagje: als je in een textarea 10 lijnen typt, en die wordt opgeslagen in een database, is het dan mogelijk dat als je dat weer uit de database leest dat er enters tussen de lijnen staan. (zonder dat de gebruiker manueel <br /> moet typen..)

Bart - 13/12/2007 13:19
PHP expert		PHP.net: nl2br()

shinobi - 13/12/2007 13:32
Nieuw lid		bedankt, daar geraak ik wel niet direct wijs uit. hoe implementeer ik dat dan in mijn form?

Bart - 13/12/2007 13:35
PHP expert		Volg eens tutorials, daar zijn ze voor. PHP.net tutorial hier op SiMa. Daar staat precies in hoe je php.net begrijpen moet.

shinobi - 13/12/2007 13:40
Nieuw lid		kheb het gevonden, thx ;)

ranco - 13/12/2007 13:45
PHP gevorderde		Knopje opgelost?

shinobi - 13/12/2007 13:56
Nieuw lid		ja, knopje is ook gelukt! bedankt mensen!

Erwt - 13/12/2007 14:05 (laatste wijziging 13/12/2007 14:07)
PHP beginner		haha, hij bedoelt dat je even op 'Opgelost' moet klikken bij degene die je geholpen heeft. En om je even normaal te helpen: php code - Bekijk de code zonder highlighting - Klap code in <?php $bericht = $_POST["bericht"]; $bericht2 = nl2br($bericht); echo $bericht2; ?> <?php $bericht = $_POST["bericht"]; $bericht2 = nl2br($bericht); echo $bericht2; ?>

Bart - 13/12/2007 14:05
PHP expert		Ranco bedoeld dat je op het knopje opgelost! onderaan mijn post moet drukken

Erwt - 13/12/2007 14:08
PHP beginner		En misschien ook wel makkelijk om even te zeggen wat het antwoord was. Aan ok, ik heb het gevonden hebben wij ook niet veel.

Bart - 13/12/2007 14:09
PHP expert		Die tutorial over php.net, beter leze

shinobi - 13/12/2007 14:33

Nieuw lid

form:

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

                <form action="matchverslag.php" method="post">
<table>
	<tr>
		<td>Match: <br /></td>
		<td><input type="text" name="match" size="30" maxlength="30" value="Thuisploeg - Uitploeg"/> <br /></td>
	</tr>
	<tr>
		<td>Uitslag: <br /></td>
		<td><input type="text" name="uitslag" size="5" maxlength="5" value="0-0"/> <br /></td>
	</tr>
	<tr>
		<td></td>
		<td><input type="button" value="B" onClick="tag(form.tekst, 'b', '');"></td>
	</tr>
	<tr>
		<td>Matchverslag: <br /></td>
		<td><textarea name="tekst" cols="65" rows="10" id="tekst"></textarea></td>										
	</tr>
		<td> <br /></td>
		<td><input name="match_id" type="hidden" id="match_id" value="<? echo $_GET[id];?>">
		<input type="submit" name="submit" value="Verstuur" /></td>
	</tr>
</table>
</form>

            
<form action="matchverslag.php" method="post">
<table>
	<tr>
		<td>Match: <br /></td>
		<td><input type="text" name="match" size="30" maxlength="30" value="Thuisploeg - Uitploeg"/> <br /></td>
	</tr>
	<tr>
		<td>Uitslag: <br /></td>
		<td><input type="text" name="uitslag" size="5" maxlength="5" value="0-0"/> <br /></td>
	</tr>
	<tr>
		<td></td>
		<td><input type="button" value="B" onClick="tag(form.tekst, 'b', '');"></td>
	</tr>
	<tr>
		<td>Matchverslag: <br /></td>
		<td><textarea name="tekst" cols="65" rows="10" id="tekst"></textarea></td>										
	</tr>
		<td> <br /></td>
		<td><input name="match_id" type="hidden" id="match_id" value="<? echo $_GET[id];?>">
		<input type="submit" name="submit" value="Verstuur" /></td>
	</tr>
</table>
</form>
 

Hier staat de button B in die <b> </b> in de textarea gaat steken via het volgende script:

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

                <script>
function tag(veld, tag1, tag2)
{
	if (!tag2)
	{
		tag2 = tag1;
	}

	if (document.selection)
	{
		veld.focus();
		var selection = document.selection.createRange();

		if(selection.text)
		{    
			selection.text = "["+tag1+"]"+selection.text+"[/"+tag2+"]";
		}
		else
		{
			veld.value += "["+tag1+"] [/"+tag2+"]";
		}
	}
	else if (veld.selectionStart || veld.selectionStart == '0')
	{
		var startPos = veld.selectionStart;
		var endPos = veld.selectionEnd;

	if (startPos != endPos)
	{
		veld.value = veld.value.substring(0, startPos)
		+ "["+tag1+"]"
			  + veld.value.substring(startPos, endPos)
		+ "[/"+tag2+"]"
		+ veld.value.substring(endPos, veld.value.length);
	}
	else
	{
		veld.value = veld.value.substring(0, startPos)
		+ "["+tag1+"] [/"+tag2+"]"
		+ veld.value.substring(endPos, veld.value.length);
	}
	}
}
</script>

            
<script>
function tag(veld, tag1, tag2)
{
	if (!tag2)
	{
		tag2 = tag1;
	}
 
	if (document.selection)
	{
		veld.focus();
		var selection = document.selection.createRange();
 
		if(selection.text)
		{    
			selection.text = "["+tag1+"]"+selection.text+"[/"+tag2+"]";
		}
		else
		{
			veld.value += "["+tag1+"] [/"+tag2+"]";
		}
	}
	else if (veld.selectionStart || veld.selectionStart == '0')
	{
		var startPos = veld.selectionStart;
		var endPos = veld.selectionEnd;
 
	if (startPos != endPos)
	{
		veld.value = veld.value.substring(0, startPos)
		+ "["+tag1+"]"
			  + veld.value.substring(startPos, endPos)
		+ "[/"+tag2+"]"
		+ veld.value.substring(endPos, veld.value.length);
	}
	else
	{
		veld.value = veld.value.substring(0, startPos)
		+ "["+tag1+"] [/"+tag2+"]"
		+ veld.value.substring(endPos, veld.value.length);
	}
	}
}
</script>
 

Dit is dus de oplossing voor de button.

de oplossing om de enters automatisch in de database in te voegen zonder dat de gebruiker <br /> na elke lijn moet typen is de volgende:

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

$text = nl2br($_POST['tekst']);

$text = nl2br($_POST['tekst']);

voila!

Koen - 13/12/2007 14:34 (laatste wijziging 13/12/2007 14:35)
PHP expert		Erwt schreef: En misschien ook wel makkelijk om even te zeggen wat het antwoord was. Aan ok, ik heb het gevonden hebben wij ook niet veel. De oplossing voor z'n eerste probleem is dus Javascript: html4strict code - Bekijk de code zonder highlighting - Klap code in <a href="#" onclick="document.getElementById('txtarea').value += '<b>vette tekst</b>'">Bold</a> <textarea name="txtarea" id="txtarea"></textarea> <a href="#" onclick="document.getElementById('txtarea').value += '<b>vette tekst</b>'">Bold</a> <textarea name="txtarea" id="txtarea"></textarea> Dit is de simpelste methode.. Edit: Te traag.

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten