[JS] jQuery UI Dialog zorgt voor verkeerde lay-out in IE 7

Pagina: 1
Acties:
  • 206 views

Acties:
  • 0 Henk 'm!

  • bindsa
  • Registratie: Juli 2009
  • Niet online
Ik heb een probleem met de dialog van jQuery UI, het werkt allemaal prima totdat ik het gebruik in IE7, dan gebeurt het volgende:

Zo zou het moeten zijn:
Afbeeldingslocatie: http://pics.brizzly.com/11MW.jpg

Zo ziet het eruit in IE 7:
Afbeeldingslocatie: http://pics.brizzly.com/11MV.jpg

De URL waarmee je dit kunt reproduceren is:

http://leeromgeving.awardspace.us/index.php?action=login

De gebruikte code:
PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
    //Login in als dat nodig is
    if(!empty($_GET['action']) and $_GET['action'] == "login") {
        //Vraag gegevens op
        $gebruikersnaam = $_POST["gebruikersnaam"];
        $wachtwoord = $_POST["wachtwoord"];
        //Gebruiksernaam mag niet leeg zijn
        if (empty($gebruikersnaam)) {
            header("Location: index.php?error=1");
        }
        //Wachtwoord mag niet leeg zijn
        elseif (empty($wachtwoord)) {
            header("Location: index.php?error=2");
        }
        //Log alleen in als de gebruikersnaam uit geldige tekens bestaat
        elseif(ereg("^[A-Za-z0-9]{1,20}$" , $gebruikersnaam)) {
            $wachtwoord = md5($wachtwoord);
            $gebruikersnaam = strtoupper($gebruikersnaam);
            //Controleer wachtwoord
            $ingelogde = dbquery("SELECT id, rechten FROM leeromgeving_inloggegevens WHERE id = '$gebruikersnaam' AND wachtwoord = '$wachtwoord'");
            //Als de query resultaten geeft gegevens verwerken
            if (!mysql_num_rows($ingelogde) == 0 ) {
                list($id, $rechten) = mysql_fetch_row($ingelogde);
                if(ereg("^[0-9]{1,20}$", $id)) {
                    //Ingelogde is een leerling
                    $gegevens = dbquery("SELECT voornaam, tussenvoegsel, achternaam, klas FROM leeromgeving_leerlinggegevens WHERE id = '$id'");
                    list($voornaam, $tussenvoegsel, $achternaam, $klas) = mysql_fetch_row($gegevens);
                    list($leerrichting, $leerjaar, $klas) = mysql_fetch_row(dbquery("SELECT leerrichting, leerjaar, klas FROM leeromgeving_klassen WHERE id = '$klas'"));
                    $klas = $leerrichting.$leerjaar.$klas;
                }
                else {
                    //Ingelogde is een leraar/personeel
                    $gegevens = dbquery("SELECT voornaam, tussenvoegsel, achternaam FROM leeromgeving_personeelsgegevens WHERE id = '$id'");
                    list($voornaam, $tussenvoegsel, $achternaam) = mysql_fetch_row($gegevens);
                }
                //Sla gegevens van de ingelogde op in de sessie
                $_SESSION['voornaam'] = $voornaam;
                $_SESSION['achternaam'] = $achternaam;
                $_SESSION['tussenvoegsel'] = $tussenvoegsel;
                $_SESSION['klas'] = $klas;
                $_SESSION['ingelogd'] = 1;
                $_SESSION['rechten'] = $rechten;
                $_SESSION['nummer'] = $id;
                header("Location: index.php");
            }
            else {
                header("Location: index.php?error=3");
            }
        }
        else {
            header("Location: index.php?error=4");
        }
    }

        //Geef eventuele errors weer
        $get_error = $_GET['error'];
        if (($get_error >= 1) and ($get_error <=4)) {
            $login_error = array();
            $login_error[1]= "Geen gebruikersnaam ingevuld";
            $login_error[2]= "Geen wachtwoord ingevuld";
            $login_error[3]= "Verkeerde gebruikersnaam/wachtwoord";
            $login_error[4]= "Geen geldige gebruikersnaam ingevuld";
            print "<div id = 'login_error' title = 'Melding'>";
            print "<p><span class = 'ui-icon ui-icon-info' style = 'float:left; margin:0 7px 50px 0;'></span>";
            print "$login_error[$get_error]";
            print "</p>";
            print "</div>";
            print "<script type = 'text/javascript'>";
            print "$(function() { $('#login_error').dialog({modal: true, bgiframe: true, buttons: {Ok: function() { $(this).dialog('close');}}});});";
            print "</script>";
        }


Wat doe ik fout?

Acties:
  • 0 Henk 'm!

  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Een bak code en een url dumpen zonder aan te geven wat je hebt geprobeerd en wat je zelf al onderzocht hebt of zonder te vertellen wat uit je debug poging naar voren kwam (Debuggen: Hoe doe ik dat?) ;)

Overigens een wat vage manier van response afhandelen. Waarom in vredesnaam die redirect :?

[ Voor 19% gewijzigd door RobIII op 12-01-2010 16:42 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


Dit topic is gesloten.