Avatar billede ricky1 Nybegynder
01. september 2001 - 18:01 Der er 15 kommentarer

CSS-Javascript

kan man bruge et variable fra javascript til at definere noget i css jeg tror den her hører under medium (men jeg er villig til at gi\' mere)
jeg har forsøgt med dette

<html>

<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1252\">
<meta name=\"GENERATOR\" content=\"Microsoft FrontPage 4.0\">
<meta name=\"ProgId\" content=\"FrontPage.Editor.Document\">
<title>Ny side 1</title>
<script>

function tal()
{
var maxNum=100 ;
hmm= Math.floor(Math.random()* maxNum) + 1;
timer();
return=hmm;
}

function timer()
{
SetTimeOut(tal(),1000);
}
</script>
<style type=\"text/css\">
img.ditogdat {
    \"hej\"=java script:tal();
    position:relative;
    width: 15;
    height: 15;
    left: 50%;   
    top: hej%;
}
</style>
</head>

<body>

<div id=\"picture\">
<p><img  src=\"../../snake/dot.gif\" class=\"ditogdat\"></p>
<div>



</div>

</body>

</html>
Avatar billede xzxzx Nybegynder
01. september 2001 - 18:03 #1
Kan man ikke lave noget alle\" documentwrite varibael?
Avatar billede ricky1 Nybegynder
01. september 2001 - 18:04 #2
det er jo der for jeg spørger jer
Avatar billede ricky1 Nybegynder
01. september 2001 - 18:11 #3
ja nu har jeg sat det op
Avatar billede jakoba Nybegynder
01. september 2001 - 18:12 #4
Næsten alle CSS attributter kan også stille dunamisk via javascript.

Javascript gør dog bananas over et navn som fx font-size (ser bindestregen som et minustegn) så de har deres eget forskellige sæt navne. Som regel det samme uden bindestreg.

Du kan også skrive en style kommando med javascript oppe i head. Men du kan ikke bruge javascript til at skrive en style ind i et tag brovseren nu skal fortolke (ikke i NS4 ihvertfald).

mvh JakobA
Avatar billede ricky1 Nybegynder
01. september 2001 - 19:15 #5
>>Jacoba
Det var ikke det jeg mente, jeg mente om man kunne lave en værdi i javascript og overføre den til CSS ligesom jeg prøvede ovenfor men hvis du vil vise mig hvad du mente med dynamiske ændringer af de der værdier så vanker da point.
Er det sådan noget document.img.etellerandet.height=\"50%\" eller hvad
Avatar billede jakoba Nybegynder
01. september 2001 - 19:24 #6
Nåe, nu fatter jeg den.
Nej. ikke det jeg ved af.
Avatar billede ricky1 Nybegynder
01. september 2001 - 19:52 #7
det kunne jo have en meget praktisk udnyttelse:
simple spil
Cursor forsølgere
og så\'noe
Avatar billede jakoba Nybegynder
01. september 2001 - 20:18 #8
Enig.
i rigtig gamle dage med netscape 3 kunne man angive sine html attributter med javascript variable. eg:
<script>
var hoj = 50;
</script>
<ing src=\"xxx.gif\" height=hoj width=40>
gav et billede der var 50 højt og 40 bredt

den mulighed forsvandt fra version 4

Pt er IE ved at indføre noget af det samme, jeg har ikke kikket meget på det, men syntaksen er noget i retning af:
<ing src=\"xxx.gif\" height=evaluate(hoj) width=40>
eller måske det var execute?
Den ser ihvertfald ud til at komme igen.

men begge dele er statiske metoder hvis variablen hoj ændres bagefter har det ingen effekt på det viste billede. og det skal det vist have ved dig.

Tilbare er så den med dynamisk at assigne til objektets style:

document.images[0].style.top = ny_værdi; 

den skubber billedet op og ned forudsat det har position:absolute;

mvh JakobA
Avatar billede jakoba Nybegynder
01. september 2001 - 20:26 #9
Her er et script der dynamisk ændrer et billedes størrelse og position:
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp81337.html
Avatar billede jakoba Nybegynder
01. september 2001 - 20:28 #10
Absolut kun IE. og i strid med standard html specifikationer.
Avatar billede olebole Juniormester
02. september 2001 - 04:46 #11
<ole>
jakoba >> skulle sidste kommentar mon have noget med min ringe persons evige brokkeri at gøre? =oD

Du kan til gengæld ændre et billedes størrelse X-browser (...og i overensstemmelse med gældende standarder :o) ) på denne måde:

<html>
<head>

<script language=\"JavaScript\">
var ns4 = (document.layers)? true:false;
var ie4 = (document.all)? true:false;
var dom = (document.getElementById)? true:false;
var picSrc;
function myResize(b, h) {
    obj = (ns4)? document.layers[\"picDiv\"] : (ie4)? document.all[\"picDiv\"] : document.getElementById(\"picDiv\");
    picSrc = (ns4)? obj.document.images[\"pic\"].src : document.images[\"pic\"].src;
    str = \'<img src=\"\'+picSrc+\'\" width=\"\'+b+\'\" height=\"\'+h+\'\" name=\"pic\" id=\"pic\">\';
    if (ns4) {
        obj.document.open();
        obj.document.write(str);
        obj.document.close();
    }
    else {
        obj.innerHTML = str;
    }
}
</script>

</head>
<body>

<div id=\"picDiv\" style=\"position:absolute;left:50px;top:150px\"><img src=\"elogo.gif\" name=\"pic\" id=\"pic\"></div>

<form>
Angiv &oslash;nsket bredde:<br>
    <input type=\"text\" name=\"b\"><br>
Angiv &oslash;nsket h&oslash;jde:<br>
    <input type=\"text\" name=\"h\">&nbsp;
    <input type=\"button\" value=\" Resize \" onclick=\"myResize(this.form.b.value,this.form.h.value);\">
</form>

</body>
</html>

/mvh
</bole>
Avatar billede olebole Juniormester
02. september 2001 - 04:48 #12
...billedet \'elogo.gif\' er Ekspertens logo øverst til venstre på denne side. Altid handy, når man lige skal koge et eksempel sammen hertil  :)
Avatar billede ricky1 Nybegynder
04. september 2001 - 18:01 #13
olebole>>
Det der kører helt uden om CSS
Avatar billede olebole Juniormester
04. september 2001 - 18:43 #14
ricky1 >> nej, for du kan ikke lave det i ren CSS! Han spørger jo netop også om \'CSS - JavaScript\', ikk\'? Derfor får en mulige løsning i DHTML - der jo som bekendt er en blanding af HTML, CSS og JavaScript.
Helt kørt uden om CSS er det nu ikke, da laget skal være placeret med CSS, for at NS4.x kan kalde og manipulere det, så deeeeeeeet........  =o)
/mvh
Avatar billede ricky1 Nybegynder
04. september 2001 - 19:23 #15
gulp
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