[javascript] img-tags in clipboard - Softwareontwikkeling

woensdag 19 november 2003 11:08

Acties:

doet z'n best

Topicstarter

Okee, beetje vage topictitel, maar ik kan de vraag zelf niet helemaal goed omschrijven, laat staan in de beperkte ruimte van de topictitel

Het zit zo: ik wil graag een site maken met smilies erop. Da's niet zo moeilijk. Maar ik wil graag enige functionaliteit toevoegen:

Als ik op een smilie klik, wil ik graag
[img]http://www.vanderbol.demon.nl/Smilies/smilie.gif[/img]
naar m'n clipboard kopiëren. Dit omdat ik veel op verschillende fora kom, en graag gewoon een paar smilies vaak gebruik (niet elk forum heeft even mooie smilies).

Ik ben al aan het prutsen geweest maar ik kom er niet uit. Wat ik tot nu toe heb is een button die het doet. voorbeeldje

En dat werkt dus alsvolgt:

code:

function copy(link)
    {
    Copied = link.createTextRange();
    Copied.execCommand("Copy");
    }
</script>
<body>
<table width="400" border="0">
  <tr> 
    <td><div align="center"><img
 src="http://www.vanderbol.demon.nl/Smilies/bier.gif"><br>
        <input name="button3" type="button"
 onClick="copy(this);" value="[img]http://www.vanderbol.demon.nl/
Smilies/bier.gif[/img]">
      </div></td>
  </tr>

Wie weet of het mogelijk is om dus niet de button te gebruiken, maar hetzelfde te bereiken door op het plaatje te klikken?

_{als mijn niveau te laag is voor W&G, tsja, jammer... ik ben ook maar een beginner. Ik heb me al helemaal gek gezocht in de search en met google, maar helaas...}

[ Voor 17% gewijzigd door Padvinder op 19-11-2003 11:09 . Reden: oeps, layout... ]

woensdag 19 november 2003 11:16

Acties:

PrisonerOfPain

code:

1
2
3

<input name="button3" type="image"
 onClick="copy(this);" value="[img]http://www.vanderbol.demon.nl/
Smilies/bier.gif[/img]" src="URL NAAR PLAATJE">

woensdag 19 november 2003 11:19

Acties:

crisp

Devver

Pixelated

IE-only: http://www.codebase.nl/index.php/command/viewcode/id/107

Intentionally left blank

woensdag 19 november 2003 11:24

Acties:

PrisonerOfPain

crisp schreef op 19 november 2003 @ 11:19:
IE-only: http://www.codebase.nl/index.php/command/viewcode/id/107

De copy functie van de TS werkt gewoon hoor

dus dat was zijn vraag ook niet

Padvinder schreef op 19 november 2003 @ 11:08:
Wie weet of het mogelijk is om dus niet de button te gebruiken, maar hetzelfde te bereiken door op het plaatje te klikken?

woensdag 19 november 2003 11:25

Acties:

Padvinder

doet z'n best

Topicstarter

PrisonerOfPain schreef op 19 november 2003 @ 11:16:

code:

1
2
3

<input name="button3" type="image"
 onClick="copy(this);" value="[img]http://www.vanderbol.demon.nl/
Smilies/bier.gif[/img]" src="URL NAAR PLAATJE">

Bedankt voor de snelle service, maar...

Afbeeldingslocatie: http://www.vanderbol.demon.nl/gotupload/error.jpg

woensdag 19 november 2003 11:35

Acties:

crisp

Devver

Pixelated

persoonlijk zou ik het zo doen:

JavaScript:

function copy(link)
{
  var bSuccess = window.clipboardData.setData('Text', '[img]'+link+'[/img]');
  if (bSuccess) alert('link copied to clipboard');
  else alert('copy to clipboard failed');
}
</script>

HTML:

1	<img src="http://www.vanderbol.demon.nl/Smilies/bier.gif" onclick="copy(this.src)" alt="" />

Intentionally left blank

woensdag 19 november 2003 11:57

Acties:

Padvinder

doet z'n best

Topicstarter

crisp schreef op 19 november 2003 @ 11:35:
persoonlijk zou ik het zo doen:

JavaScript:

function copy(link)
{
  var bSuccess = window.clipboardData.setData('Text', '[img]'+link+'[/img]');
  if (bSuccess) alert('link copied to clipboard');
  else alert('copy to clipboard failed');
}
</script>

HTML:

1	[img]"http://www.vanderbol.demon.nl/Smilies/bier.gif"[/img]

Toppie, die werkt als een trein!

Danku $_/-\o_$

donderdag 22 januari 2004 18:59

Acties:

Verwijderd

Mijn vraag heeft wel met dit topic raakvlakken, dus zet ik het hier maar neer.

Hoe maak je een box waarin de url van de image komt te staan incl. de imagetags?

Voorbeeldje staat bovenaan de volgende pagina: http://www.mysmilies.com/

donderdag 22 januari 2004 19:16

Acties:

CrashOne

oOoOoOoOoOoOoOoOoOo

code:

function DoSmiley(smiley) {
        doc = parent.top.codef.document;
        doc.smileyf.smileycode.value = "[IMG]"+smiley+"[/IMG]";
        doc.smileyf.smileycode.select();
        if (doc.execCommand) {
            doc.execCommand('copy');
        }

code:

1	[img]'http://instagiber.net/smiliesdotcom/cwm/big/lil.gif'[/img]

Huur mij in als freelance SEO consultant!