Avatar billede jkn83 Praktikant
06. august 2005 - 19:39 Der er 15 kommentarer og
1 løsning

image knapper der indsætter?

På mange boards osv er der smilies man kan indsætte ved et klik på dem. Og så indsætter de en "shortcut" til billedet... eks :smile giver smiley der smiler :D

Kunne godt tænke mig at vide hvordan man laver de buttons ?
Måske et link til en side der forklarer hvordan det laves eller lignende.

takker :)
Avatar billede nielle Nybegynder
06. august 2005 - 19:58 #1
Det kan f.eks. gøres sådan her:

<script language='JavaScript'>
function addSmiley(theSmiley)
{
    document.getElementById("msgArea").value += theSmiley;
}
</script>

<form action="..." method="post">
...
<textarea id="msgArea" name="msg"></textarea>
...
</form>

<img src="/smiley/gladSmiely.gif" onClick="addSmiley(':^)')">
<img src="/smiley/angrySmiley.gif" onClick="addSmiley(':^(')">
Avatar billede jkn83 Praktikant
06. august 2005 - 21:15 #2
det vil sige, hvis man nu skriver :^) i ens textarea så adder den også selv smiley ?
Avatar billede jkn83 Praktikant
06. august 2005 - 21:16 #3
forresten, nielle når du ser denne her igen, så smid lige svar her inde: http://www.eksperten.dk/spm/636896
Avatar billede nielle Nybegynder
06. august 2005 - 22:01 #4
Koden i dette eksempel indsætter en smiley-kode i textarea'et. Den kan man selvfølgelig også skrive direkte - det vil ikke gøre nogen forskel.

Når teksten så postes, skal alle smiley-koderne selvfølgelig replaces med deres respektive <img src=...>.
Avatar billede jkn83 Praktikant
07. august 2005 - 00:25 #5
ok nice nok... Så kan man også bruge den angivne kode du har posted oven over som... link tag ? altså hvor den indsætter <a href='' target='_blank'></a> ?

Kunne være dejligt hvis man kunne få den til at adde linket i dele... altså den smider første del ind <a href=' hvor efter du så skal poste linket, trykke igen så den kommer til at stå <a href='www.mysite.dk' target='_blank'> hvor man så skal skrive resten, og trykke igen for at afslutte me </a>

muligt ?
Avatar billede nielle Nybegynder
07. august 2005 - 08:01 #6
Jeg er ikke sikker på at jeg helt kan gennemskue hvad det er du vil, men selvfølgelig kan metoden også bruges til at lægge html-kode ind i textareaet – f.eks. koden til et link.

Problemet ved dette er at dels kommer html-koden til at stå som rå tekst midt i textareaet, og det ser jo ikke specielt kønt ud.

Dels er der et sikkerhedsmæssigt aspekt; Du bør aldrig bare lade folk poste html-kode til dit site helt uden at du tjekker det. Den slags kan give nogle meget ubehagelige resultater. På den anden side er det måske ønskeligt at tillade visse html-tags, men at forbyde andre. Mange sites indførere derfor noget som kandes bb-tags, hvor <>-klammerne er erstattes med []-klammer. Så er det op til dig – programmøren – at bestemme hvilke bb-tags (”bb” for ”buletin board”), der skal oversættes til rigtige html-tags, og hvilke der skal ignoreres.
Avatar billede jkn83 Praktikant
07. august 2005 - 10:29 #7
har lavet en mindre forhindrings måde, der gør at folk er begrænset til at gøre nogle ting... eks:

$row = str_replace("<script", "!@#%^&*", $row);

det jeg mente med linket der. Er mere fordi der er et par stykker på siden der virkelig ikke forstår html koder... Så hvis de skal give et link til en side, spørger de hver gang. Kunne være rart hvis man nu kunne lave en knap designet til dem :D Eller ja, hvis man trykker kommer der en popup frem, hvor du skal sætte linket ind, tryk på næste og så sætte navnet ind som linket skal have og trykke på done... og så bliver den indsat :D har set det på nogle buleting boards...
Avatar billede nielle Nybegynder
07. august 2005 - 11:14 #8
I stedet for din str_replace skulle du lige tage et blik på funktionen strip_tags:

http://dk2.php.net/strip_tags
Avatar billede nielle Nybegynder
07. august 2005 - 11:38 #9
Måske er det sådan noget du efterspørger?

<script type="text/javascript">
function addSmiley(theSmiley)
{
    document.getElementById("msgArea").value += theSmiley;
}

function addUrl()
{
    var url = document.getElementById("url").value;
    var urlTitle = document.getElementById("urlTitle").value;

    linkCode = "<a href=\"" + url + "\">";
    linkCode += (urlTitle != "") ? urlTitle : url;
    linkCode += "</a>"

    document.getElementById("msgArea").value += linkCode;
}
</script>

<form action="..." method="post">
...
<textarea id="msgArea" name="msg"></textarea>
...
</form>

<img src="/smiley/gladSmiely.gif" onClick="addSmiley(':^)')">
<img src="/smiley/angrySmiley.gif" onClick="addSmiley(':^(')">

<input id="url" type="text">
<input id="urlTitle" type="text">
<button type="button" onClick="addUrl()">Tilføj link</button>
Avatar billede jkn83 Praktikant
07. august 2005 - 14:41 #10
hmm, må hellere lige få det tjekket når resten af siden er skrevet... håber det bliver færdigt lidt senere i dag
Avatar billede nielle Nybegynder
10. august 2005 - 20:58 #11
Er du kommet videre?
Avatar billede nielle Nybegynder
16. august 2005 - 18:48 #12
?
Avatar billede jkn83 Praktikant
16. august 2005 - 21:25 #13
nej slet ikke... har været lidt dødt med hensyn til kodning... har lige noget "arbejde" der skal laves før jeg kan gå videre..
Avatar billede jkn83 Praktikant
03. december 2005 - 22:00 #14
glemte alt om tråden mester... hehe, du skal ikke snydes for pointene self :) Er kommet lidt i gang igen... Men ikke som før, har dårligt tid til det, selv om jeg gerne vil... Nielle, smid et svar engang du lige ser det, hvis du ser det :)
Avatar billede nielle Nybegynder
04. december 2005 - 08:29 #15
Oki, men jeg ville da helst have båret den helt i mål.

... men et svar ind til videre, og hvis du har spørgsmål til den senere, så spørger du bare her i denne tråd. :^)
Avatar billede jkn83 Praktikant
04. december 2005 - 18:11 #16
hehe skal jeg nok du :) har dog desværre glemt meget af det jeg lærte før i tiden da det har stået stille siden sidste kommentar i denne tråd... ca... :/ Regner ikke med at jeg skal bruge smilies på den nye side, men nu har jeg mere eller mindre pointen i hvordan det skal laves, så vil da vende tilbage, engang det skal bruges :D

Men en af de kommende dage smider jeg nok lige et nyt n00b spørgsmål som ja... Ikke burde blive spurgt om da det sikkert er nemt nok :) men er tilbage hvor jeg sidder og bikser koder sammen fra download sites over sourcecodes :P

anyways... takker for den ekstreme hjælp du har givet før igennem tiden :)
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