Avatar billede venchil Nybegynder
09. juni 2005 - 15:53 Der er 19 kommentarer og
1 løsning

Skriv i textarea via. link

Jeg er ved at lave en gæstebog til min side, og jeg vil meget gerne have smileys med i gæstebogen. Jeg har kodet gæstebogen, så der kommer en smiley hvis man f.eks skriver :). Men folk ved jo ikke hvilke smileys man kan bruge, og de kender slet ikke "kommandoerne" til dem. Hvordan kan jeg få et link til at skrive f.eks :) når jeg trykker på det / billedet af smileyen med link?

Koden skal helst være så lille og simpel som mulig, da jeg ikke ved det fjerneste om Javascript.
Avatar billede roenving Novice
09. juni 2005 - 15:57 #1
F.eks.

<img src="smileyGlad.gif" onclick="document.formNavn.textareaNavn.value+=':)'" style="cursor:pointer;">
Avatar billede thesurfer Nybegynder
09. juni 2005 - 16:01 #2
Jeg gætter på, at næste spørgsmål er noget i stil med:

Kan man få den til at placere smiley'en, der hvor cursoren er, i stedet for i slutningen af teksten/indholdet af textarea'en?

:-)

/theSurfer
Avatar billede venchil Nybegynder
09. juni 2005 - 16:04 #3
Skal jeg så skifte "Navn" ud med "name" på min textarea?
Avatar billede roenving Novice
09. juni 2005 - 16:05 #4
Ja, både formNavn og textareaNavn !-)
Avatar billede thesurfer Nybegynder
09. juni 2005 - 16:06 #5
Eksempel:

<form name="minform">
<textarea name="mintextarea">

Koden: onclick="document.minform.mintextare.value

/theSurfer
Avatar billede thesurfer Nybegynder
09. juni 2005 - 16:06 #6
dammit.. jeg glemmer hele tiden det sidste "a" i textarea :-)

/theSurfer
Avatar billede venchil Nybegynder
09. juni 2005 - 16:20 #7
Kan man få den til at placere smiley'en, der hvor cursoren er, i stedet for i slutningen af teksten/indholdet af textarea'en? Hehe...
Avatar billede venchil Nybegynder
09. juni 2005 - 16:25 #8
Det er måske det style="cursor:pointer" gør?
Avatar billede roenving Novice
09. juni 2005 - 16:29 #9
Nej, men du kan f.eks. bruge skovenborgs insertText: http://skovenborg.1go.dk/javascript/insertText.php !-)
Avatar billede venchil Nybegynder
09. juni 2005 - 16:47 #10
echo "<br>
echo "<img src='smileys/content_gaestebog_smiley_glad.gif' onclick='document.gaestebog.besked.value+=':)'' style='cursor:pointer;' alt='Smiley'>
echo "<img src='smileys/content_gaestebog_smiley_megetglad.gif' onclick='document.gaestebog.besked.value+=':D'' style='cursor:pointer;' alt='Smiley'>
echo "<img src='smileys/content_gaestebog_smiley_sur.gif' onclick='document.gaestebog.besked.value+=':@'' style='cursor:pointer;' alt='Smiley'>
echo "<img src='smileys/content_gaestebog_smiley_ked.gif' onclick='document.gaestebog.besked.value+=':('' style='cursor:pointer;' alt='Smiley'>
echo "<img src='smileys/content_gaestebog_smiley_cool.gif' onclick='document.gaestebog.besked.value+='8)'' style='cursor:pointer;' alt='Smiley'>
echo "<img src='smileys/content_gaestebog_smiley_userioes.gif' onclick='document.gaestebog.besked.value+=':P'' style='cursor:pointer;' alt='Smiley'>
echo "<img src='smileys/content_gaestebog_smiley_hehe.gif' onclick='document.gaestebog.besked.value+=';)'' style='cursor:pointer;' alt='Smiley'>
echo "<img src='smileys/content_gaestebog_smiley_kys.gif' onclick='document.gaestebog.besked.value+=':*'' style='cursor:pointer;' alt='Smiley'>
echo "<img src='smileys/content_gaestebog_smiley_rolleyes.gif' onclick='document.gaestebog.besked.value+='S)'' style='cursor:pointer;' alt='Smiley'>

Nu er det integreret i mit PHP-script, men det virker altså ikke :(. Hvad er der NU galt :S.
Avatar billede roenving Novice
09. juni 2005 - 16:51 #11
-- du kan ikke bruge 'er inde i 'er !-)

-- så du må escape:

echo "<br>";
echo "<img src='smileys/content_gaestebog_smiley_glad.gif' onclick='document.gaestebog.besked.value+=\':)\'' style='cursor:pointer;' alt='Smiley' title='Smiley'>";

-- du havde desuden ikke afsluttet echo-strengene og så er det smart at bruge title, så tooltippet vises i alle browsere !o]
Avatar billede venchil Nybegynder
09. juni 2005 - 17:12 #12
Hmm... der er ikke nogen error, men der er heller ikke noget "link" på billederne mere :(

echo "<form action='forside.php?id=content_forside_kommentarer_send.php' method='post' name='kommentarer'>";
echo "Navn:";
echo "<br><input type='text' name='forfatter'></br>";
echo "<p>";
echo "Hjemmeside:";
echo "<br><input type='text' name='hjemmeside'></br>";
echo "<p>";
echo "Kommentar:";

echo "<br>";
echo "<img src='smileys/content_gaestebog_smiley_glad.gif' onclick='document.kommentarer.kommentar.value+=\':)\'' style='cursor:pointer;' alt='Smiley'>";
echo "<img src='smileys/content_gaestebog_smiley_megetglad.gif' onclick='document.kommentarer.kommentar.value+=\':D\'' style='cursor:pointer;' alt='Smiley'>";
echo "<img src='smileys/content_gaestebog_smiley_sur.gif' onclick='document.kommentarer.kommentar.value+=\':@\'' style='cursor:pointer;' alt='Smiley'>";
echo "<img src='smileys/content_gaestebog_smiley_ked.gif' onclick='document.kommentarer.kommentar.value+=\':(v'' style='cursor:pointer;' alt='Smiley'>";
echo "<img src='smileys/content_gaestebog_smiley_cool.gif' onclick='document.kommentarer.kommentar.value+=\'8)\'' style='cursor:pointer;' alt='Smiley'>";
echo "<img src='smileys/content_gaestebog_smiley_userioes.gif' onclick='document.kommentarer.kommentar.value+=\':P\'' style='cursor:pointer;' alt='Smiley'>";
echo "<img src='smileys/content_gaestebog_smiley_hehe.gif' onclick='document.kommentarer.kommentar.value+=\';)\'' style='cursor:pointer;' alt='Smiley'>";
echo "<img src='smileys/content_gaestebog_smiley_kys.gif' onclick='document.kommentarer.kommentar.value+=\':*\'' style='cursor:pointer;' alt='Smiley'>";
echo "<img src='smileys/content_gaestebog_smiley_rolleyes.gif' onclick='document.kommentarer.kommentar.value+=\'S)\'' style='cursor:pointer;' alt='Smiley'>";

echo "<br><textarea name='kommentar' cols='50' rows='10'></textarea></br>";
echo "<input type='hidden' name='nyhedsid' value='$nyhedsid'>";
echo "<br>";
echo "<input type='submit' value='Kommenter'> <a href='forside.php?id=content_forside_kommentarer_skriv_admin.php&amp;nyhedsid=$nyhedsid'>admin?</a>";
echo "</br>";
echo "</form>";
Avatar billede roenving Novice
09. juni 2005 - 17:18 #13
Argh, det nytter jo ikke at escape, for så står der jo 'er i 'er i html-koden, så sådan:

echo "<img src='smileys/content_gaestebog_smiley_glad.gif' onclick='document.kommentarer.kommentar.value+=\":)\"' style='cursor:pointer;' alt='Smiley'>";
Avatar billede venchil Nybegynder
09. juni 2005 - 17:31 #14
Havde lige overset et v istedet for \... Roenving, du må gerne lægge et svar
Avatar billede roenving Novice
09. juni 2005 - 17:45 #15
Velbekomme '-)
Avatar billede olebole Juniormester
09. juni 2005 - 21:13 #16
<ole>

venchil >> skriv til en buffer, du nøjes med at skrive ud én gang. Det kan forbedre scriptets performace med flere hundrede gange:

$s = "";
$s .= "En linie";
$s .= "Endnu en linie";
$s .= "En tredie linie";

echo $s;

/mvh
</bole>
Avatar billede venchil Nybegynder
10. juni 2005 - 16:55 #17
Hvad mener du olsebole?
Avatar billede venchil Nybegynder
10. juni 2005 - 16:55 #18
UPS... :P, *olebole
Avatar billede thesurfer Nybegynder
10. juni 2005 - 17:22 #19
I stedet for at udskrive hver eneste linie, een ad gangen:

echo "<br>";
echo "<img src='smileys/content_gaestebog_smiley_glad.gif' onclick='document.kommentarer.kommentar.value+=\':)\'' style='cursor:pointer;' alt='Smiley'>";
echo "<img src='smileys/content_gaestebog_smiley_megetglad.gif' onclick='document.kommentarer.kommentar.value+=\':D\'' style='cursor:pointer;' alt='Smiley'>";

Smid dem i den variabel, og udskriv dem alle på een gang:

$s = "";
$s .= "<br>";
$s .= "<img src='smileys/content_gaestebog_smiley_glad.gif' onclick='document.kommentarer.kommentar.value+=\':)\'' style='cursor:pointer;' alt='Smiley'>";
$s .= "<img src='smileys/content_gaestebog_smiley_megetglad.gif' onclick='document.kommentarer.kommentar.value+=\':D\'' style='cursor:pointer;' alt='Smiley'>";

$s .="osv...";

echo $s;

/theSurfer
Avatar billede roenving Novice
14. juni 2005 - 13:16 #20
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester