Hvordan lage en Kopier og lim Box

Ved koding en nettside eller en profil på nettet, kopiere og lime boksene kan komme godt med. Kopier og lim boksene kan inneholde koder for bilder, musikk, videoer og til og med ren tekst som sitater eller musikk tekster. Kopier og lim boksene er praktisk for besøkende, fordi det gir dem mulighet til å kopiere med et museklikk i stedet for å skrive det hele frie hender. Lage en kopi og lim boksen tar HTML-kode og litt tid, men det vil gjøre det mye enklere for de som besøker siden din.

Bruksanvisning

1 Åpne et tomt HTML-dokument for å lage din kopi og lim boksen fra bunnen av. Du kan også bruke en tidligere laget HTML-dokument med en nettside redigering program. Disse tidligere laget dokumenter har vanligvis <HEAD> og <body> kodene allerede på plass.

2 Legg en header område i dokumentet med følgende kode hvis de ikke allerede er på dokumentet (husk å legge inn sideskift slik du ser dem):
<HEAD>
</ HEAD>

3 Plasser følgende kode i "hodet" område av dokumentet. Den skal plasseres etter "HEAD" tag (<HEAD>) og før utgangen "HEAD" tag (</ HEAD>):

<Script language = "Javascript">
<! - Begin
funksjon copyit (thefield) {
Var tempval = eval ( "dokument.» + thefield)
tempval.focus ()
tempval.select ()
therange = tempval.createTextRange ()
therange.execCommand ( "Copy")
}
// End ->
</ Script>

4 Kopier og lim inn den andre delen av koden inn i kroppen av HTML-dokumentet. Hvis du bruker et tomt dokument, må du legge til en "BODY" området under slutten hodet tag (</ HEAD>). Hvis du allerede har et område på kroppen, bare legge inn koden mellom <BODY> og </ BODY> koder.

<Form name = "it">
<Div align = "center">
<Input onclick = "copyit ( 'it.select1')" type = "button" value = "Klikk for å kopiere teksten" name = "cpy">
<P>
<Textarea name = "select1" rader = "3" kolonner = "25">
Skriv inn tekst her som du ønsker å kopiere og lime.
</ Textarea>
</ Div>
</ Form>

5 Bytt ut teksten "Skriv inn tekst her at du ønsker å kopiere og lime", med den teksten du vil ha i din kopi og lim boksen. Du kan også endre størrelsen på tekstboksen ved å endre rader = "3" kolonner = "25" til det nummeret du ønsker.

6 Kontroller at hele koden er korrekt. Koden skal se slik ut:

<HEAD>
<Script language = "Javascript">
<! - Begin
funksjon copyit (thefield) {
Var tempval = eval ( "dokument.» + thefield)
tempval.focus ()
tempval.select ()
therange = tempval.createTextRange ()
therange.execCommand ( "Copy")
}
// End ->
</ Script>
</ HEAD>

<BODY>
<Form name = "it">
<Div align = "center">
<Input onclick = "copyit ( 'it.select1')" type = "button" value = "Klikk for å kopiere teksten" name = "cpy">
<P>
<Textarea name = "select1" rader = "3" kolonner = "25">
Skriv inn tekst her som du ønsker å kopiere og lime.
</ Textarea>
</ Div>
</ Form>
</ BODY>

7 Lagre dokumentet og åpne den i en nettleser for å sørge for at det fungerer. Trykk på knappen for å kopiere teksten. Teksten skal automatisk kopieres til datamaskinen utklippstavlen. Lim inn teksten i et dokument.

Hint

  • Vær veldig forsiktig med å slette noen tegn i koden når du endrer verdier (selv sitater). Den minste feil kan føre til at hele koden til å slutte å fungere.