Notifikationer

Markér alle som læst Log ud

duno Nybegynder

29. juli 2007 - 12:10 Der er 10 kommentarer og
1 løsning

Indsæt ikon i tekstbox ved tryk på billede

Jeg har en tekstboks som man kan skive i, jeg har så en masse ikoner/smilies, som jeg vil kunne trykke på og automatisk indsætte det ikon man har trykket på ind i tekstboksen.
Det behøver ikke være selve ikonet der bliver vist i tekstboksen, bare en streng (eks :o) ) den kan jeg jo så senere omskrive så den hente det rigtige billede.

Findes der en "nem" løsning på dette

Mvh

Duno

Synes godt om

kalp Novice

29. juli 2007 - 12:27 #1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<textarea name="area" id="area" cols="" rows=""></textarea>
<img id=":-)" onclick="document.getElementById('area').innerHTML = this.id;" alt="smile" src="smileys/de.gif" />
</body>
</html>

meget simpelt.. og ser lige om jeg kan lave det samme uden innerHTML

Synes godt om

kalp Novice

29. juli 2007 - 12:27 #2

sorry.. linjen skal være
<img id=":-)" onclick="document.getElementById('area').innerHTML += this.id;" alt="smile" src="flags/de.gif" />

Synes godt om

cpufan Juniormester

29. juli 2007 - 12:28 #3

http://skovenborg.1go.dk/javascript/insertTag.php eller

http://skovenborg.1go.dk/javascript/insertText.php

Synes godt om

kalp Novice

29. juli 2007 - 12:30 #4

og det her må være den lovlige udgave
<img id=":-)" onclick="document.getElementById('area').value += this.id;" alt="smile" src="flags/de.gif" />

Synes godt om

duno Nybegynder

29. juli 2007 - 15:32 #5

kalp den virker jo fint :o)

men den fjerner jo alt det tekst som folk har skrevet :o(

Kan man slippe for det

Synes godt om

kalp Novice

29. juli 2007 - 15:33 #6

duno >> nej den fjerner ikke alt tekst.. du har bare ikke lavet de rettelser jeg skrev efterfølgende..

men du kan da få det på ny

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<textarea name="area" id="area" cols="" rows=""></textarea>
<img id=":-)" onclick="document.getElementById('area').value += this.id;" alt="smile" src="flags/de.gif" />
</body>
</html>

Synes godt om

kalp Novice

29. juli 2007 - 15:44 #7

duno >>

Jeg har lige opgraderet funktionen.
Før indsatte den altid sidst i dokumentet, men det kunne jo sagtens være man gerne ville have en smiley indsat et sted i noget tekst man allerede har skrevet.

Nu indsætter den en smiley der hvor markøren er placeret!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
function insert(ins) {
el = document.getElementById('area');
if (el.setSelectionRange){
el.value = el.value.substring(0,el.selectionStart) + ins + el.value.substring(el.selectionStart,el.selectionEnd) + el.value.substring(el.selectionEnd,el.value.length);
}
else if (document.selection && document.selection.createRange) {
el.focus();
var range = document.selection.createRange();
range.text = ins + range.text;
}
}

</script>
</head>
<body>
<textarea name="area" id="area" cols="" rows=""></textarea>
<img id=":-)" onclick="insert(this.id);" alt="smile" src="flags/de.gif" />
</body>
</html>

Synes godt om

duno Nybegynder

31. juli 2007 - 12:56 #8

Kalp du er da kanon, mange tak, nu virker det jo som en drøm :o)

Nu har jeg siddet og leget med replace funktionen, men hvordan hulen får jeg den til at gøre det inde i teksten, kan se at jeg til dato kun har gjort det pr tekstfelt (email blev til E-mail osv) jeg ved at der kommer rigtige mange :o) iløbet af teksten, den skal jo gerne vises/læses som img scr .... ... osv, men det skal den jo for hver af dem...

PS.. sender points med det samme

Synes godt om

kalp Novice

31. juli 2007 - 13:09 #9

Du må lige uddybe dit sidste indlæg:)
Jeg kan ikke forstå i hvilken sammenhæng du vil replace nu og til hvad.

Meningen er, at du f.eks gemmer det der står i din textarea (evt. db)
og når du udlæser denne ved udskrift på en hjemmeside så skal du selvfølgelig køre replace på den i forhold til alle dine smiley typer.

Synes godt om

duno Nybegynder

31. juli 2007 - 13:38 #10

netup.. men hvordan får jeg det så vist som billeder, er det ikke noget med at

replace :o) with img scr: ikon_smil.jpg

men hvordan kodemæssigt ??

Synes godt om

kalp Novice

31. juli 2007 - 16:11 #11

du skal lave replace fra ASP og ikke javascript når den skal udskrive billeder til siden.

kan måske lave et eksempel senere i dag:)
men du skal response.write hele img tag'et.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra ASP kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Lost focus Af bsn i ASP	1	07/11/202415:34	01/01/202514:58
ASP classic Af bsn i ASP	8	28/10/202423:11	30/10/202422:51
Classic - filer vist med sidste fil først Af bsn i ASP	5	23/05/202409:56	24/05/202400:02
Optimer MySql table med ASP Af poulmadsen i ASP	4	26/04/202417:16	26/04/202418:37
JSON Af ingeman i ASP	3	07/04/202417:53	08/04/202412:09

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS