ved at klikke på teksten, skal der åbnes en vindue uden scroolbar, stausbar og navigering, som viser yderligere info -> rs_specs("beskrivelse")
Vinduet skal gerne tilpasse sig, så vinduet ikke bliver større end at det indrammer teksten (f.eks. 200 pixel bred og højde tilpasser sig antallet af linier tekst)
Den sidste betingelse er svær at møde, for så skal vi måle på et element efter onload på indholdet og så resizeTo, men skelettet ser sådan ud:
function openSpecs() { var specsWin = window.open("","Specifications","width=200,scrollbars=no,status=no,location=no,menubar=no"); var html="<html><title>Specifikationer</title><script language='javascript' type='text/javascript' src='resize.js'></script></head>"; html += "<body onload="resizeWin();"><div id='specs' style='width: 195'>"; html += <%=(rs_specs("beskrivelse"))%>; html += "</div></body></html>"; specsWin.write(html); specsWin.close(); }
Så skal vi også have et resize-script, som skal placeres i resize.js:
function resizeWin() { if (document.getElementById('specs')){ divElm = document.getElementById('specs'); divH = divElm.offsetHeight; winH = divH + 35; // <--denne værdi har jeg ikke noget mål på window.resizeTo(210,winH); }
Det er skrevet direkte ind her, og jeg har ikke lige fundet ud af, hvordan jeg tester det selv, men skelettet er sådan.
function openSpecs() { var specsWin = window.open("","Specifications","width=200,scrollbars=no,status=no,location=no,menubar=no"); var html="<html><title>Specifikationer</title><script language='javascript' type='text/javascript' src='resize.js'></script></head>"; html += "<body onload='resizeWin();'><div id='specs' style='width: 195'>"; html += <%=(rs_specs("beskrivelse"))%>; html += "</div></body></html>"; specsWin.write(html); specsWin.close(); }
-- og så er resize.js her skrevet som en selvstændig fil -- mest for min egen overskueligheds skyld ...
Hvis du slet ikke kan få det til at virke, må vi lige have nogen på, som bedre kan teste end jeg kan ... '-[
Synes godt om
Ny brugerNybegynder
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.