BBcode - indsæt url med prompt
ForordHar du lagt mærke til at her på rowl.dk trykker du på en knap for at lave et link, men hvordan?? Læs denne artikel så vil du kunne lave det selv bagefter, du kan også godt bare kopiere den hvis du vil :)
Denne gang prøver jeg så at lave forklaring inde i koden, så du læser hele artiklen hvis du vil have noget ud af den :)
<script type="text/javascript">
function Link(){
//Her laver vi vores funktion.
var url=prompt("Skriv linket her under.\nHusk http://","http://www.");
/* Her laver vi en variabel som hedder url som indeholder
en prompt altså en box der kommer op på skærmen og hvor der er et felt som man kan skrive i.
De første "" er den tekst der kommer til at stå oven for feltet.
De sidste to "" er den tekst der kommer til at stå inden i feltet som kan slettes.
*/
var linkName=prompt("Skriv navet på linket her under!", "");
//Her laver vi så en box der kommer op på skærmen igen, men denne gang har variablen linkName.
if (url!=null && url!="" && url!="http://" && url!="http://www" && url!="http://www."){
//Hvis variablen ikke er lig med http://www. så skal den gå videre.
var message = document.getElementById("message");
/*
Nu laver vi en variabel igen, denne gang hedder den message. Her hente vi det som vi skriver i textarea'et som har id message
*/
message.value = message.value + "[url=" + url + "]" + linkName + "[/url]";
/*
Nu samler vi det hele, først siger vi hvad den nye indhold i textarea'et skal være, her siger vi så at det skal være det som der står i forvejen plus den skal skrive
[url= her lukker vi den så igen og skrier url, fordi det er vores variabel url. Og igen det sammen med variablen linkName og igen plus [/url].
Altså hvis jeg bruger gerne vil lave et link til rowl.dk skriver den føglene:
Rowl.dk
ved at skrive rowl.dk i den første box, og ved at skrive Rowl.dk i den anden.
*/
}
}
</script>
<input type="button" value="Link" title="Inset link" onclick="Link();" /><br />
<!-- Her bruger vi onClick="Link();" fordi når vi trykker på knappen skal den bruge funktionen Link() og det lukkes igen med ;
-->
<textarea name="textbox" id="message"></textarea>
Altså vores samlede kode bliver så altså:
<!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=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function Link(){
var url=prompt("Skriv linket her under.\nHusk http://","http://www.");
var linkName=prompt("Skriv navet på linket her under!", "");
if (url!=null && url!="" && url!="http://" && url!="http://www" && url!="http://www."){
var message = document.getElementById("message");
message.value = message.value + "[url=" + url + "]" + linkName + "[/url]";
}
}
</script>
</head>
<body>
<input type="button" value="Link" title="Inset link" onclick="Link();" /><br />
<textarea name="textbox" id="message"></textarea>
</body>
</html>
|
Oprettet af:
fyhring4
Javascript
Point modtaget: 100
Rate: |
Kommentarer
Giv din mening tilkende om denne artikel, eller læs andres.
Har du spørgsmål eller brug for hjælp til denne artikel henvises du til forummet.
3/5..
Først og fremmest er den lidt uoverskuelig, men som du selv sagde, for at man bliver nødsaget til at læse hele artiklen. Fint, fint..
Det der dog ikke er fint er, at det er for enkelt. Ikke engang en nybegynder vil kunne bruge det til særlig meget.. Det er alment JavaScript, med udtagelsen af Prompt();..
Det er godt forklaret, men det skal nok mere til end bare det..:) Prøv en hel BBcode artikel, og ikke bare URL..:) |
19:30 18/05/2009
|
|
God ide vil måske kigge på det :) |
08:35 19/05/2009
|
|
Tak det var lige hvad jeg skulle bruge og bygger selv videre på det nu :) |
23:02 09/10/2009
|
Du skal være oprettet og logget ind for at kommentere en artikel
