Avatar billede qub- Novice
30. oktober 2004 - 19:52 Der er 8 kommentarer og
1 løsning

Tryk på billede, vise link

Hei.. Jeg er igang med at lave et galleri script - godt nok med php, men jeg skal bruge noget javascript (tror jeg nok) før jeg får det som jeg vil ha det..

Det er lavet sådan at når man skal vælge et billede, så popper der et vindue op, der kan man vælge mappe, og så under hver mappe er alle billederne så.. Billederne vises, og en lille tekst er under!
Men det jeg gerne vil ha, er at hvis man så trykker på et bestemt billede, så skriver den linket til billedet, i en <textarea></textarea> som er på samme side, og samtiddig adder linket på siden hvor billeder skal vælges..

Det lyder godt nok som et stort arbejde, men håber der er en der kan hjælpe...



//er ikke 100% sikker på at javascript er det bedste sted at oprette det spørgsmål, men tar chancen :D
Avatar billede schaefner Juniormester
30. oktober 2004 - 19:58 #1
Hvorfor skal den indsætte linket på to forskellige sider?
Avatar billede qub- Novice
30. oktober 2004 - 20:09 #2
I textarea, er det bare lige for at man kan se at den har tilføjet linket.. Når man så lukker vinduet ned, ¨står linket så også i den input der er til det samme formål!
Avatar billede schaefner Juniormester
30. oktober 2004 - 20:21 #3
Lav et dokument der ser således ud:

<form name="frm">
    <textarea name="image"></textarea>
</form>

<a href="popup.html" onclick="window.open(this.href, 'win', 'width=200,height=200'); return false">Åben billedvælger</a>

og dokument kaldet popup.html:

[HEAD]

<script type="text/javascript">
function addLink(url) {
    document.frm.image.value = url;
    window.opener.document.frm.image.value = url;
}
</script>

[BODY]

<a href="#" onclick="addLink('http://google.com'); return false">Tilføj link</a>

<form name="frm">
    <textarea name="image"></textarea>
</form>
Avatar billede schaefner Juniormester
30. oktober 2004 - 20:24 #4
Skulle gerne ende op i noget lignende dette:
http://schaefner.dk/files/temp/exp/556187/

Med venlig hilsen
Jesper Sørensen
Avatar billede qub- Novice
30. oktober 2004 - 23:47 #5
Hmm yesh.. Det funker "næsten"!

Men den smider stadig ikke linker ind på den første side, (popup siden funker fint), og så skal det gerne være en <input> den smider det i på den første side, og ik textarea :D


Jeg er meget taknemmelig for du gider hjælpe :)
Avatar billede schaefner Juniormester
31. oktober 2004 - 00:21 #6
Nu er det jo svært at svare på hvorfor det ikke virker. Har du kopieret koden direkte?

Virker den der ligge her: http://schaefner.dk/files/temp/exp/556187/ ?
Avatar billede qub- Novice
31. oktober 2004 - 12:20 #7
Det på dit link funker fint...

Og ja jeg har kopieret koden direkte - men lige tilpasset det mit design self!

du kan da godt få nogle koder:


<script>
function aabnbillede()
{
    window.open('admin/pictures.php', 'billedevalg', config='height=500,width=500,toolbar=no,menubar=no,scrollbars=yes,location=no,directories=no,status=yes');
}
</script>


<tr>
    <td width="130">Profile Picture:</td>
    <td><input value="<? echo $picture ?>" type=text name="picture" style="width: 250"> <a href="#" onclick="aabnbillede();">pictures</a></td>
  </tr>



Jeg har selvfølgelig også prøvet med: <form name="frm">
    <textarea name="image"></textarea>
</form>

<a href="popup.html" onclick="window.open(this.href, 'win', 'width=200,height=200'); return false">Åben billedvælger</a>

istedet.. Og det funker ik :/
Avatar billede schaefner Juniormester
31. oktober 2004 - 13:27 #8
Vi prøver en gang til så:

[selectImage.html] (Navnet er underordnet)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/javascript">
function imageSelector() {
    window.open('admin/pictures.php', 'imageSel','height=500,width=500,scrollbars=1,status=1');
}
</script>
</head>

<body>

<form name="frm">
<table>
    <tr>
        <td style="width: 130px">Profile Picture:</td>
        <td><input type="text" name="picture" style="width: 250"> <a href="#" onclick="imageSelector(); return false">Select picture</a></td>
    </tr>
</table>
</form>

</body>
</html>

[admin/pictures.php] (Navnet er igen underordnet, men det er den fil du selv referere til)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/javascript">
function addLink(url) {
    document.frm.picture.value = url;
    window.opener.document.frm.picture.value = url;
}
</script>
</head>

<body>

<a href="#" onclick="addLink('http://google.com'); return false">Tilføj link</a>

<hr />

<form name="frm">
    <textarea name="picture"></textarea>
</form>

</body>
</html>

De to forme skal hedde "frm", ellers skal du i hvertfald også ændre det i javascript-funktionen. Samme procedure med input og textarea-feltet. Hvis du vil ændre navnet på dem skal det også ændres i funktionen.

Med venlig hilsen
Jesper Sørensen
Avatar billede qub- Novice
31. oktober 2004 - 13:53 #9
Jeg siger mange gange tak.. Det funker nu - tror det var fordi jeg satte <form> et forkert sted.. :)
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