Avatar billede torbenmelander Nybegynder
30. august 2002 - 13:02 Der er 23 kommentarer og
2 løsninger

DTD - forsættelse af spm250414

Hvordan understøtter Opera så W3C standarder ?

Gi' lige et svar tomsommer og osaka_san !
Avatar billede nikolajdu Nybegynder
30. august 2002 - 13:05 #1
http://exp.dk/spm/250414

Opera understøtter stort set alt.
Avatar billede osaka_san Nybegynder
30. august 2002 - 13:06 #2
Jeg undlader at svare da jeg har de point jeg skal bruge, hvilket er årsagen til at jeg kun kommenterer.

/Oscar
Avatar billede osaka_san Nybegynder
30. august 2002 - 13:07 #3
nikolajdu> thjaa, bortset fra DOM ;-)
Avatar billede torbenmelander Nybegynder
30. august 2002 - 13:07 #4
Jeg bruger desuden denne kode for at fikse nogle problemer med Netscapes Height i tables-tagene:

<script type="text/javascript">
<!--
var ns4 = (document.layers)?true:false;
var ns6_7 = (navigator.userAgent.indexOf('Gecko')>0)?true:false;
var o = (navigator.userAgent.indexOf('Opera')>0)?true:false;
var winH = (ns6_7)? window.innerHeight-145 : (ns4)? window.innerHeight-170 : (o)? window.innerHeight-165 : "100%";
//-->
</script>

<script type="text/javascript">
<!--
document.write("<table align='left' cellpadding='0' cellspacing='0' height='"+winH+"' width='700'>")
//-->
</script>

Der får jeg fejl på linierne <script type="text/javascript">

Error: element "SCRIPT" not allowed here; possible cause is an inline element containing a block-level element

Hvordan kommer jeg af med denne fejl ?
Avatar billede tomsommer Juniormester
30. august 2002 - 13:08 #5
svar
Avatar billede nikolajdu Nybegynder
30. august 2002 - 13:09 #6
osaka - Opera understøtter da DOM????
Avatar billede tomsommer Juniormester
30. august 2002 - 13:09 #7
Vis hvad der kommer før <script>

normalt skal <script> være inde i <head>
Avatar billede torbenmelander Nybegynder
30. august 2002 - 13:11 #8
tomssommer >> Før script-tagget kommer head-tagget ... Men hvis du kigger på koden kan jeg ikke så godt placere den i head-tagget ...
Avatar billede osaka_san Nybegynder
30. august 2002 - 13:14 #9
nikolajdu> ikke ordentligt så vidt jeg husker:

http://www.opera.com/docs/specs/#javascript
http://www.newbreedlibrarian.org/archives/02.01.feb2002/techtalk.html

TorbenM> alt det javascript og fixe tabelhøjder og hvad ved jeg ville ikke være nødvendigt hvis du lavede tableless layouts med CSS og så ellers bare læste lidt op på de forskellige box model metoder.

Med Venlig Hilsen
Oscar Eg Gensmann
Avatar billede torbenmelander Nybegynder
30. august 2002 - 13:17 #10
Vil helst lave det med tabeller ... kan det ikke lade sig gøre ?
Avatar billede osaka_san Nybegynder
30. august 2002 - 13:21 #11
torben> alt kan lade sig gøre principielt spørgsmålet er bare om det kan betale sig ;-)

Hvis du gerne vil validere din kode der så er en eventuel (ikke pæn men virker) løsning at smide dit javascript i en extern javascript fil og så linke den der i dokumentet hvor du gerne vil have dit HTML udskrevet. Problematikken opstår formodentlig fordi du har HTML inde i dit javascript (udskriver html), hvilket validatoren sjældent er glad for.

/Oscar
Avatar billede torbenmelander Nybegynder
30. august 2002 - 13:38 #12
Har lavet koden om til følgende:

<script type="text/javascript" src="/beta/_includes/js2.asp"></script>

men validatoren skriver stadig:

Error: element "SCRIPT" not allowed here; possible cause is an inline element containing a block-level element

Hvad gør jeg ?
Avatar billede osaka_san Nybegynder
30. august 2002 - 13:49 #13
torbenM>

prøv lige at paste lidt mere kode så vi kan se hvilke elementer du har den script kode liggende i eller eventuelt smide et link til selve siden.
Avatar billede torbenmelander Nybegynder
30. august 2002 - 14:01 #14
Her er koden jeg brugte inden jeg validerede:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Info</title>
   
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"></meta>
     
    <meta http-equiv="pragma" content="no-cache"></meta>
    <meta http-equiv="cache-control" content="no-store"></meta>
    <meta name="description" content=""></meta>
    <meta name="keywords" content=""></meta>
   
    <link rel="stylesheet" type="text/css" href="/beta/style.css">
 
    <script type="text/javascript">
    <!--

    function iOver(imgName){
        if (document.images){
            document[imgName].src = eval(imgName + "_over.src");
        }
    }

    function iOut(imgName){
        if (document.images){
            document[imgName].src = eval(imgName + "_out.src");
        }
    }

    img_info_over = new Image(100,20);
    img_info_over.src = "/beta/_images/tab_info_over.gif";
    img_shop_over = new Image(100,20);
    img_shop_over.src = "/beta/_images/tab_shop_over.gif";
    img_auction_over = new Image(100,20);
    img_auction_over.src = "/beta/_images/tab_auction_over.gif";
    img_login_over = new Image(100,20);
    img_login_over.src = "/beta/_images/tab_login_over.gif";

    img_info_out = new Image(100,20);
    img_info_out.src = "/beta/_images/tab_info_out.gif";
    img_shop_out = new Image(100,20);
    img_shop_out.src = "/beta/_images/tab_shop_out.gif";
    img_auction_out = new Image(100,20);
    img_auction_out.src = "/beta/_images/tab_auction_out.gif";
    img_login_out = new Image(100,20);
    img_login_out.src = "/beta/_images/tab_login_out.gif";

    //-->
    </script>
</head>
<body>

<script type="text/javascript">
<!--
var ns4 = (document.layers)?true:false;
var ns6_7 = (navigator.userAgent.indexOf('Gecko')>0)?true:false;
var o = (navigator.userAgent.indexOf('Opera')>0)?true:false;
var winH = (ns6_7)? window.innerHeight-145 : (ns4)? window.innerHeight-170 : (o)? window.innerHeight-165 : "100%";
//-->
</script>

<table align="left" cellpadding="0" cellspacing="0" height="100%" width="712">
    <tr>
        <td align="left" width="700" valign="top">
            <table align="left" cellpadding="0" cellspacing="0" height="100%" width="700">
                <tr>
                    <td align="left" background="/beta/_images/top.gif" height="50" valign="top">&nbsp;</td>
                </tr>
                <tr>
                    <td align="right" height="20" valign="top">
                        <img alt="" border="0" src="/beta/_images/tab_info_active.gif" width="100" height="20">
                        <a href="/beta/shop/" onfocus="blur()" onMouseOver="iOver('img_shop')"; onMouseOut="iOut('img_shop')"><img alt="" border="0" name="img_shop" src="/beta/_images/tab_shop_out.gif" width="100" height="20"></a>
                        <a href="/beta/auction/" onfocus="blur()" onMouseOver="iOver('img_auction')"; onMouseOut="iOut('img_auction')"><img alt="" border="0" name="img_auction" src="/beta/_images/tab_auction_out.gif" width="100" height="20"></a>
                        <a href="/beta/login/" onfocus="blur()" onMouseOver="iOver('img_login')"; onMouseOut="iOut('img_login')"><img alt="" border="0" name="img_login" src="/beta/_images/tab_login_out.gif" width="100" height="20"></a>
                        &nbsp;&nbsp;&nbsp;
                    </td>
                </tr>
                <tr>
                    <td align="left" height="30" valign="top"></td>
                </tr>
                <tr>
                    <script type="text/javascript">
                    <!--
                    document.write("<td align='left' height='"+winH+"' width='700' valign='top'>")
                    //-->
                    </script>
                        <script type="text/javascript">
                        <!--
                        document.write("<table align='left' cellpadding='0' cellspacing='0' height='"+winH+"' width='700'>")
                        //-->
                        </script>
                            <tr>
                                <td align="left" width="200" valign="top">
                                    <script type="text/javascript">
                                    <!--
                                    document.write("<table align='left' background='/beta/_images/menubg.gif' cellpadding='0' cellspacing='0' height='"+winH+"' width='200'>")
                                    //-->
                                    </script>
                                        <tr>
                                            <td align="left" valign="top" style="padding-bottom: 0px; padding-left: 20px; padding-right: 0px; padding-top: 0px;">
                                                <a href="/beta/info/default.asp" class="menu" onfocus="blur()"><img alt="" border="0" src="/beta/_images/menubullet_active.gif" width="11" height="11">&nbsp;Velkommen</a><br>
                                                <a href="/beta/info/news.asp" class="menu" onfocus="blur()"><img alt="" border="0" src="/beta/_images/menubullet_out.gif" width="11" height="11">&nbsp;Nyheder</a><br>
                                                <a href="/beta/info/termsofsale.asp" class="menu" onfocus="blur()"><img alt="" border="0" src="/beta/_images/menubullet_out.gif" width="11" height="11">&nbsp;Købsbetingelser</a><br>
                                                <a href="/beta/info/contact.asp" class="menu" onfocus="blur()"><img alt="" border="0" src="/beta/_images/menubullet_out.gif" width="11" height="11">&nbsp;Kontakt</a><br>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" valign="bottom"><a href="#" target="_blank"><br><br><br><img border="0" src="/beta/_images/banner.gif"></a></td>
                                        </tr>
                                    </table>
                                </td>
                                <td align="left" width="500" style="padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px;" valign="top">
                                    <p align="justify">
                                        <b>Overskrift</b><br><br>
                                    </p>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td align="left" height="15" valign="bottom">&nbsp;</td>
                </tr>
                <tr>
                    <td align="left" background="/beta/_images/bottom.gif" height="25" valign="bottom">&nbsp;</td>
                </tr>
            </table>
        <td background="/beta/_images/bgborder.gif" width="12">&nbsp;</td>
    </tr>
</table>

</body>
</html>
Avatar billede torbenmelander Nybegynder
30. august 2002 - 22:34 #15
Nu er jeg helt sikker på at jeg blandet noget sammen (HTML og SGML), men kan man ikke lave noget lignende height="&(winH)" når man har defineret en variable der hedder winH i et javascript længere oppe i dokumentet ?
Avatar billede torbenmelander Nybegynder
31. august 2002 - 12:14 #16
Jeg har lige prøvet at erstatte mine javascripts med en den kode som de ville udskrive (og en højde som jeg selv definerede) ... og nu får jeg ingen fejl på validator.w3.org bortset lige fra at height og backgorund ikke er understøttet i denne html version.

Er der slet ingen måde hvor jeg kan beholde mine javascripts på ???
Avatar billede torbenmelander Nybegynder
09. september 2002 - 14:03 #17
HALLO ???
Avatar billede osaka_san Nybegynder
09. september 2002 - 14:18 #18
Det skyldes formodentlig at du forsøger at indsætte en scriptblock imellem en tr og en td - tr kan så vidt mig bekendt ikke indeholde et script element.

mvh
Oscar
Avatar billede torbenmelander Nybegynder
09. september 2002 - 14:20 #19
Men hvad kan jeg så gøre ?
Avatar billede osaka_san Nybegynder
09. september 2002 - 14:27 #20
Du kan lade dit script udskrive hele tabellen hvis du absolut vil have det i en tabel.
Avatar billede torbenmelander Nybegynder
09. september 2002 - 14:49 #21
Tror jeg ikke at jeg gider, det er lidt meget kode der skal laves om ...

Har du et eksempel på hvordan man laver tableless layouts med CSS med box modelen ?
Avatar billede nikolajdu Nybegynder
09. januar 2003 - 04:48 #23
ehe lukke???
Avatar billede torbenmelander Nybegynder
09. januar 2003 - 06:42 #24
Ups ja ... hvis du eller osaka_san skal ha' point må I lige komme med et svar inden 24 timer ellers går pointsne til tomsommer
Avatar billede nikolajdu Nybegynder
09. januar 2003 - 10:24 #25
jeg svarer nu - Se lige om osaka svarer :)
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