[JS] IE / FF voert onload niet uit* - Softwareontwikkeling

vrijdag 28 januari 2005 09:03

Acties:

Verwijderd

Topicstarter

Hallo,

ik ben bezig met een test, waar telkens een keuze moet worden gemaakt tussen twee foto's.
Ik heb het nu zo gemaakt dat de foto's, direct resizen naar het formaat, zodat je naast elkaar passen. Dit werkt goed.
Alleen wil internet explorer niet de onload event aanroepen van de images, Firefox wel. Als ik op vernieuwen druk voert internet exporer de event wel uit.

code:

function load(left, right) {
    var tmpImage = document.getElementById("ImageLeft");
    tmpImage.src = left;
    tmpImage.onload = function() {
        imageLeftOk = true;
        showPane();
        alert('links');
    }
    
    var tmpImage2 = document.getElementById("ImageRight");
    tmpImage2.src = right;
    tmpImage2.onload = function() {
        imageRightOk = true;
        showPane();
        alert('rechts');
    }
}

De twee booleans die worden gezet worden weer gebruikt in de functie showPane. In showPane word de div zichtbaar gemaakt (nu is ie nog altijd zichtbaar), ook start de functie een teller die de tijd bij houd.

Maar internet explorer komt niet in de onload events, terwijl de plaatjes wel worden geladen (die standaard leeg zijn).

vrijdag 28 januari 2005 09:10

Acties:

crisp

Devver

Pixelated

IE is nogal brak wat dat betreft ja. Je zou ook in een interval de complete property van de images uit kunnen vragen, of onreadystatechange kunnen proberen.
Met de image resizer hier op GoT heb ik daar ook mee geworstelt, en uiteindelijk nog een extra check ingebouwd op de onload van het hele window.

Intentionally left blank

woensdag 22 februari 2006 22:36

Acties:

koekiemonster

want a cookie

Ik heb hetzelfde, maar dan weer dat firefox geen onload uitvoert.
Heel vreemd... Voorheen werkte het prima.

Hierbij mijn huidige header. De tinyMCE.init wordt niet uitgevoerd

PHP:

<html>
<head>
<title>Nieuws</title>
<link rel="stylesheet" type="text/css" media="screen" href="style/cms_basis.css" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">if (window.parent==window)location.href = 'index.php';</script>
<script type="text/javascript" src="./js/functies.js"></script>
<script type="text/javascript" src="./js/tooltip.js"></script>
<script type="text/javascript" src="./js/lib/prototype.js"></script>
<script type="text/javascript" src="./js/scriptaculous.js"></script>
<script type="text/javascript" src="./tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
             <script type="text/javascript">
            tinyMCE.init({
            mode : "textareas",
            theme : "advanced",
            plugins : "table,advhr,advimage,advlink,emotions,insertdatetime,preview,zoom,flash,searchreplace,print,paste,directionality,fullscreen,noneditable,contextmenu,ibrowser",
            theme_advanced_buttons1_add : "fontselect,fontsizeselect",
            theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,zoom,separator,forecolor,backcolor,liststyle",
            theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
            theme_advanced_buttons3_add_before : "tablecontrols,separator",
            theme_advanced_buttons3_add : "ibrowser,emotions,flash,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",
            theme_advanced_toolbar_location : "top",
            theme_advanced_toolbar_align : "left",
            theme_advanced_statusbar_location : "bottom",
            content_css : "example_full.css",
            plugin_insertdate_dateFormat : "%d-%m-%Y",
            plugin_insertdate_timeFormat : "%H:%M:%S",
            extended_valid_elements : "hr[class|width|size|noshade]",
            external_link_list_url : "example_link_list.js",
            external_image_list_url : "example_image_list.js",
            flash_external_list_url : "example_flash_list.js",
            file_browser_callback : "fileBrowserCallBack",
            paste_use_dialog : false,
            theme_advanced_resizing : true,
            theme_advanced_resize_horizontal : true,
            theme_advanced_link_targets : "_something=My somthing;_something2=My somthing2;_something3=My somthing3;"
        })</script><script type="text/javascript">
        function fileBrowserCallBack(field_name, url, type, win) {
        // This is where you insert your custom filebrowser logic
        alert("Example of filebrowser callback: field_name: " + field_name + ", url: " + url + ", type: " + type);

        // Insert new URL, this would normaly be done in a popup
        win.document.forms[0].elements[field_name].value = "someurl.htm";
        }
        </script>
<script type="text/javascript" defer="defer">addLoadEvent(hideloadmessage)</script>
</head>

<body class="cms_body">

en de addloadevent:

PHP:

// function to capture all onload events
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

[webhero.nl]

woensdag 22 februari 2006 22:40

Acties:

Verwijderd

Als je de defer property is weghaalt, reageert die dan wel?

woensdag 22 februari 2006 22:47

Acties:

koekiemonster

want a cookie

Die heb ik er juist net bijgezet in de hoop dat het ging werken, maar dat is dus helaas niet de oorzaak.

[webhero.nl]

woensdag 22 februari 2006 22:49

Acties:

crisp

Devver

Pixelated

Volgens mij is IE de enige browser die iets met de defer property doet, maar het kan sowieso geen kwaad om het weg te laten lijkt me.

Intentionally left blank

woensdag 22 februari 2006 22:54

Acties:

koekiemonster

want a cookie

Ok, dat defer haal ik weg. Is inderdaad ook vrij overbodig.

Verder iemand enig idee waarom Firefox een basic aanroep zoals deze overslaat (de rest van de pagina tonot 100% zonder errors). IE laat de pagina wel 100% correct zien.

[webhero.nl]

woensdag 22 februari 2006 22:56

Acties:

BtM909

Watch out Guys...

Krijg je ook geen meldingen in je JS console

Code lijkt goed, je zou eventueel wat standaard debug-alertjes ertussen plaatsen om te kijken of er uberhaupt iets werkt. Vervolgens ff pagina strippen en weer toevoegen....

Overigens, welke versie van FF test je?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

woensdag 22 februari 2006 23:04

Acties:

cyberstalker

Eersteklas beunhaas

Firefox ondersteunt gewoon netjes addEventListener(), waarom gebruik je die niet gewoon?

Ik ontken het bestaan van IE.