Avatar billede henrik2000 Nybegynder
21. november 2001 - 15:11 Der er 8 kommentarer og
1 løsning

innerHTML og billeder

Hej!

jeg vil gerne kunne liste en række billeder, og så se dem i en ilayer, iframe eller anden form for \"kasse\" når jeg klikker på et link. Jeg har forsøgt mig med dette her, men der mangler noget:

<ilayer name=\"scroll1\" width=270 height=250 clip=\"0,0,270,250\">

<div id=\"scroll3\" style=\"width:270;height:250;background-color:red;overflow:scroll\">

billederne skal komme her...

</div>

</ilayer>

<br>

<a href=\"java script:document.scroll1.src=\'billede.gif\';\">Billede1</a><br>
<a href=\"face.gif\">Billede2</a><br>
Avatar billede kedde65 Praktikant
22. november 2001 - 10:58 #1
Hvad siger browseren når du forsøger at køre den kode??

Kedde
Avatar billede henrik2000 Nybegynder
22. november 2001 - 11:03 #2
Den skriver dette her i URL`en:

http://localhost/testprojekt/scroll1.innerHTML.src=\'face.gif\';

Og ellers bare dette her på selve siden:
HTTP Error 404
404 Not Found

Men det er nok mere en syntaktfejl...
Avatar billede kedde65 Praktikant
22. november 2001 - 11:05 #3
Du kan prøve at kigge på dette kode, det burde kunne hælpe dig et stykke vej.

<HTML>
<HEAD>
<SCRIPT LANGUAGE=javascript>
<!--
    function Change(picPath)
    {
        Pic.innerHTML = \"<img src=\'\" + picPath + \"\'>\"
    }
   
//-->
</SCRIPT>


</HEAD>
<BODY>
<DIV id=\"Pic\"style=\"HEIGHT: 72px; LEFT: 110px; POSITION: absolute; TOP: 83px; WIDTH: 70px\"></DIV>

<p onclick=\"Change(\'harry.jpg\')\">hujii</p>
<p onclick=\"Change(\'logo.gif\')\">hujii</p>
</BODY>
</HTML>
Avatar billede thehollow Nybegynder
22. november 2001 - 11:07 #4
Prøv dette:

<HTML>
<HEAD><HEAD>
<BODY>

<DIV id=\"lrMain\" style=\"position:absolute; left:25px; top:85px; width:300px; height:300px; z-index:1; visibility:visible\">
<IFRAME src=\"main.html\" name=\"Main\" title=\"Main\" width=\"300px\" height=\"300px\" frameBorder=\"0\" marginWidth=\"0\" marginHeight=\"0\" noresize scrolling=\"auto\">
  <!-- Alternate content for non-supporting browsers -->
  <TABLE border=\"0\" cellSpacing=\"0\" cellPadding=\"0\" width=\"100%\" height=\"100%\">
  <TR>
  <TD align=\"center\" vAlign=\"middle\">
    You can\'t view this site because your browser don\'t support inframes.
  </TD>
  </TR>
  </TABLE>
</IFRAME>
</DIV>

<BR>

<A href=\"billede.gif\" target=\"Main\">Bilde nr.1</A><BR>
<A href=\"face.gif\" target=\"Main\">Bilde nr.2</A>

</BODY>
</HTML>

// theHollow (Norge)
Avatar billede henrik2000 Nybegynder
22. november 2001 - 11:09 #5
Ja, det virker fint. mange tak. Det er jo mindre vigtigt at billederne vises i en \"kasse\".
Avatar billede kedde65 Praktikant
22. november 2001 - 11:09 #6
Som et godt råd! Hold dig langt væk fra IFrame og ILayer, for der er ikke andet end bøvl ud af det. Der er meget forskel på hvad de enkelte browsere understøtter. Hvis ting kan klares med en Div eller en span så gør dette istedet for.

Kedde
Avatar billede thehollow Nybegynder
22. november 2001 - 11:16 #7
kedde65 -> Ja. Hvis du ikke kan IFrame og ILayer 100% stemmer, det. Men både IFrame og ILayer fungerer flott i Internet Explorer, Netscape og Opera. Og man kommer ikke utenom det faktum at de fleste bruker IExplore. Synd, men sant.

// theHollow (Norge)
Avatar billede henrik2000 Nybegynder
22. november 2001 - 11:52 #8
Ja, begge ovenstående forslag virker fint, og der er altså ikke mange der bruger Netscape i dag, så...
Avatar billede henrik2000 Nybegynder
22. november 2001 - 13:33 #9
Hvordan laver man så sådan at man kan klikke på et link, og så vise tekst fra databasen?
f.eks.:

<%

set conn = Server.CreateObject(\"ADODB.Connection\")
conn.Open Application(\"Connection\")

sqlvis = \"select * from tabel1\"

set rsvis= conn.Execute(sqlvis)

%>

<br>

************************************************
Ved klik på tekst1 skal den så vise indholdet af række 1 i \"kassen\"/iframen, o.s.v.
************************************************

<a href=\"????????\" target=\"Main\">Tekst 1</a><br>
<a href=\"????????\" target=\"Main\">Tekst 2</a><br>

<div id=\"lrMain\" style=\"position:right; left:25px; top:85px; width:300px; height:300px; z-index:1; visibility:visible\">

<iframe src=\"side1.asp\" name=\"Main\" title=\"Main\" width=\"300px\" height=\"300px\" frameBorder=\"1\" marginWidth=\"0\" marginHeight=\"0\" noresize scrolling=\"auto\">
  <!-- Alternate content for non-supporting browsers -->
  <table border=\"1\" cellSpacing=\"0\" cellPadding=\"0\" width=\"100%\" height=\"100%\">
  <tr>
  <td align=\"center\" vAlign=\"middle\">
    You can\'t view this site because your browser don\'t support inframes.
  </td>
  </tr>
  </table>
</iframe>

</div>


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
Kurser inden for grundlæggende programmering

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