Avatar billede dennism Nybegynder
19. marts 2002 - 14:55 Der er 8 kommentarer og
1 løsning

JavaScript

Jeg bruger denne kode til én loading skærm... Men hvordan får jeg den til at centrere billedet/teksten?

<SCRIPT LANGUAGE="JavaScript">
<!--   
  #cache
  {   
  position:absolute;
  visibility:hidden;
  }   
-->
</STYLE>
<BODY onLoad="cacheOff()">
<SCRIPT LANGUAGE="JavaScript">
    ver = navigator.appVersion.substring(0,1)
    if (ver >= 4)
        {
        document.write('<DIV ID="cache"><IMG SRC="images/loading.gif" BORDER="0"ALIGN="bottom" ALT=""></DIV>');
        var navi = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
        var HIDDEN = (navi) ? 'hide' : 'hidden';
        var VISIBLE = (navi) ? 'show' : 'visible';
        var cache = (navi) ? document.cache : document.all.cache.style;
        largeur = screen.width;
        cache.left = Math.round(100);
        cache.visibility = VISIBLE;
        }
    function cacheOff()
        {
        if (ver >= 4)
            {
            cache.visibility = HIDDEN;
            }
        }
    </SCRIPT>
Avatar billede cthun Nybegynder
19. marts 2002 - 15:15 #1
du skal bare skriv align="center" i din div!!

altså:

<style type="text/css">
<!--   
  #cache
  {   
  position:absolute;
  visibility:hidden;
  }   
-->
</STYLE>
<BODY onLoad="cacheOff()">
<SCRIPT LANGUAGE="JavaScript">
    ver = navigator.appVersion.substring(0,1)
    if (ver >= 4)
        {
        document.write('<DIV ID="cache" align="center"><IMG SRC="images/loading.gif" BORDER="0"ALIGN="bottom" ALT=""></DIV>');
        var navi = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
        var HIDDEN = (navi) ? 'hide' : 'hidden';
        var VISIBLE = (navi) ? 'show' : 'visible';
        var cache = (navi) ? document.cache : document.all.cache.style;
        largeur = screen.width;
        cache.left = Math.round(100);
        cache.visibility = VISIBLE;
        }
    function cacheOff()
        {
        if (ver >= 4)
            {
            cache.visibility = HIDDEN;
            }
        }
    </SCRIPT>
Avatar billede dennism Nybegynder
19. marts 2002 - 15:19 #2
Nope... Det har jeg selvfølgelig prøvet!

Det virker ikke!
Avatar billede cthun Nybegynder
19. marts 2002 - 15:25 #3
Har du prøvet med

text-align: center;

i dine styles!!


ps. Du skal lige ændre din øverste <SCRIPT LANGUAGE="JavaScript"> til <style type="text/css">
Avatar billede dennism Nybegynder
19. marts 2002 - 15:44 #4
-- cthun

I know... Jeg opdagede fejlen da jeg havde oprettet spørgsmålet!
Og... Jeg har også prøvet med 'text-align: center;' i min style! Men det hjælper ikke!
Avatar billede cthun Nybegynder
19. marts 2002 - 15:52 #5
Du skal sætte text-align:center; ind og fjerne position: absolute;

Det virker 100%
Avatar billede disky Nybegynder
19. marts 2002 - 16:04 #6
spørg i JAVASCRIPT gruppen !
Avatar billede jakoba Nybegynder
19. marts 2002 - 17:24 #7
<script language='javascript'>  <!-- //

var ns4 = (document.layers) ? true : false;
var ie4 = (document.all) ? true : false;
var dom = (document.getElementById) ? true : false;

function placerRel( divNavn, xMov, yMov ) {
    var obj = (ns4)? document.layers[divNavn] : ( (ie4)? document.all[divNavn] : document.getElementById(divNavn) );
    var styleObj = (ns4)? obj : obj.style;
    if (ie4) {
        styleObj.posLeft = xMov +parseInt(styleObj.posLeft);
        styleObj.posTop  = yMov +parseInt(styleObj.posTop);
    } else {
        styleObj.left = xMov +parseInt(styleObj.left);
        styleObj.top  = yMov +parseInt(styleObj.top);
    };
}; //end placerRel( string, int, int )

function placerAbs( divNavn, xMov, yMov ) {
    var obj = (ns4)? document.layers[divNavn] : ( (ie4)? document.all[divNavn] : document.getElementById(divNavn) );
    var styleObj = (ns4)? obj : obj.style;
    if (ie4) {
        styleObj.posLeft = xMov;
        styleObj.posTop  = yMov;
    } else {
        styleObj.left = xMov;
        styleObj.top  = yMov;
    };
}; //end placerAbs( string, int, ini )

// --> </script>


et kald af funktionen
      placerAbs( 'cache', 200, 300 )

vil placere dit lag så dets øverste venstre hjørne er 200 px tilhøjre for dokumentets venstrekant, og 300 px under dokumentets top.
Bemærk, det er dokumentet der placeres i forhold til, hvis siden scrolles vil laget scrolle med.
jeg går ud fra at hvis der er scroll er det ikke mere end at det er ok.

Så skal vi blot beregne hvor laget skal vises.

var browserBred = (window.innerWidth)?window.inneWidth:document.body.clientWidth;
var browserHoj = (window.innerHeight)?window.innerHeight:document.body.clientHeight;

var xPos = Math.round ( (browserBred-ditLagsBredde)/2 );
var yPos = Math.round ( (browserHoj-ditLagsHojde)/2 );

placerAbs( 'cache', xPos, yPos )

mvh JakobA
Avatar billede dennism Nybegynder
20. marts 2002 - 07:36 #8
-- cthun

Det virker ikke... Er det iorden hvis jeg lukker og opretter et nyt i JavaScript gruppen?
Avatar billede dennism Nybegynder
20. marts 2002 - 21:04 #9
lukker...
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

Seneste spørgsmål Seneste aktivitet
I går 21:00 Libre Office Impress Af Frank i Andre styresystemer
I går 11:47 VB script Af Jenshentze i Word
I går 11:21 Popup ved opstart Af mort1 i Windows
04/0918:50 Slet lokal konto Af ErikHg i Windows
04/0916:05 Ændre tal i en celle Af xvid i Excel