Javascript im Safari geht nicht?!?!

tomtom69 · 21.03.2012

Moin,

ein ganz simples Ding zum ein und ausblenden von divs ... funzt in allen Browsern außer Safari ... jemand einen Tipp warum es im Safari nicht geht?

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test Portalswitch</title>

<script type="text/javascript">

// Booking-Portal-Switcher

function switchPortal(a) {

var sel = document.getElementById('portalList').value;
var con = document.getElementById('container_widgets');


if(sel == 'hrs') {
    document.getElementById('hrs').style.display = 'block';
    document.getElementById('bookingcom').style.display = 'none';
    document.getElementById('hotelde').style.display = 'none';
} else if(sel == 'bookingcom') {
    document.getElementById('bookingcom').style.display = 'block';
    document.getElementById('hrs').style.display = 'none';
    document.getElementById('hotelde').style.display = 'none';
} else if(sel == 'hotelde') {
    document.getElementById('hotelde').style.display = 'block';
    document.getElementById('hrs').style.display = 'none';
    document.getElementById('bookingcom').style.display = 'none';
} else {
    document.getElementById('hotelde').style.display = 'none';
    document.getElementById('hrs').style.display = 'none';
    document.getElementById('bookingcom').style.display = 'none';
}

//alert(sel);

}


</script>

</head>

<body>
<!-- hier Booking Portale -->
    
    <form id="selPortal" action="none" onchange="switchPortal();">
        <select id="portalList">
            <option selected value="bitte_auswahl">Bitte w&auml;hlen Sie Ihr Buchungsportal aus:</option>
            <option value="hrs">HRS</option>
            <option value="bookingcom">booking.com</option>
            <option value="hotelde">hotel.de</option>
        </select>
    </form>
    <div id="container_widgets">
        <div id="hrs" style="display:none;">
            <h1>HRS</h1>
        </div>
        <div id="bookingcom" style="display:none;">
            <h1>booking.com</h1>
        </div>
        <div id="hotelde" style="display:none;">
            <h1>hotel.de</h1>
        </div>
    </div>
    <!-- Ende Booking Portale -->
</body>
</html>

Das komische ist: auch wenn ich das if-gedöns lösche und nur den alert drin lasse ... selbst das zeigt er in Safari nicht an ... ach ja: javascript ist aktiviert :rolleyes:

Merci und sonnige Grüße,

Tom

Myhar · 21.03.2012

AW: Javascript im Safari geht nicht?!?!

Was sagt denn dazu?
Kannst du dort den Javascript Code ausführen?

tomtom69 · 21.03.2012

AW: Javascript im Safari geht nicht?!?!

mhh ... wieso ist der Thread noch da. Hatte ihn eigentlich wg. erledigt gelöscht.

How ever: Fehlerkonsole sagt nichts. Aber ich war so "blöd" und habe das onchange in den Formtag und nicht ins select-tag gepackt.

Alle außer Safari habens ignoriert bzw. autom. korrigiert und richtig dargestellt ... mhh.

Trotzdem Danke,

Tom

simonpicos · 21.03.2012

AW: Javascript im Safari geht nicht?!?!

tomtom69 schrieb:
mhh ... wieso ist der Thread noch da. Hatte ihn eigentlich wg. erledigt gelöscht.

Du kannst keine Threads löschen

Myhar · 21.03.2012

AW: Javascript im Safari geht nicht?!?!

Das ist wahrlich ein unsinniger Post cinema4.
Er schreibt nirgends, dass er Safari verwendet. Er hat lediglich geschrieben, dass die Seite in allen Browsern außer Safari wie erwartet funktioniert was einen rückschließen lässt, dass er Safari rein zu Testzwecken verwendet.
Auch wenn er Safari verwendet, dann ist das sein gutes Recht, für das sich niemand rechtfertigen muss.
Das Problem des TE ist gelöst und somit sind weitere Fragen wohl sinnlos