Ergebnis 1 bis 4 von 4
  1. #1
    görl ist offline Grünschnabel
    registriert
    14-10-2011
    Beiträge
    1

    Thema: Sitzplan

    Hallo Leute.

    Wie Ihr seht bin ich ein Neuling hier, genau so bin ich auch ein Neuling was JS betrifft.

    Ich habe einen Sitzplan erstellt mit Hilfe von einer Datenbank. Hier sind die PHP-Codes:

    PHP-Code:
    <?php
    include ("class_db.php");

    $planID 2;

    $db = new DB("localhost""""""plaene");
    $db->query("TRUNCATE TABLE sitzplan_{$planID}");



    for (
    $row=1$row<=9$row++)
    {
        
    $x = (($row-1) * 22);
        
    setRow($x+1$x+11$row"Links"1);            setRow($x+12$x+22$row"Rechts"2);
        
    }

    function 
    setRow($von$bis$reihe$block$kategorie)
    {
        global 
    $db$planID;
        for(
    $i=$von$i<=$bis$i++)
        {
            
    $db->query("INSERT INTO sitzplan_{$planID} SET
                        sitz = '
    {$i}',
                        reihe = '
    {$reihe}',
                        block = '
    {$block}',
                        kategorie = '
    {$kategorie}'");
        }
    }

    ?>
    PHP-Code:
    <?php
    include ("class_db.php");

    $planID 2;

    $db = new DB("localhost""""""plaene");

    $daten $db->getQueryData("SELECT * FROM sitzplan_{$planID}");
    //p($plandaten);

    ?>

    <html>
        <head>
            <title>Sitzplan <?php echo $planID?></title>
                <style>
                    .buehne {
                        border: 2px solid black;
                        width:600px;
                        height:100px;
                        margin:10px auto;
                        background-color:#D3D3D3;
                    }
                    h1{
                        text-align:center;
                        font-size:40px;
                        margin-top: 17px;
                    } 
                    .plan {
                        border-collapse: collapse;
                        border-width: 5px;
                        text-align: center;
                        margin: 20px auto;
                    }
                    .sitz {
                        width:35px;
                        height:35px;
                        border-style:solid;
                    }
                    .row {
                        width:35px;
                        height:35px;
                        border:dotted;
                        background-color: #9370DB;
                    }
                    .cat1 {
                    background-color: #3CB371;
                }
                .cat2 {
                    background-color: #FF4500;
                }
                h2 {
                    float: left;
                    margin-left: 350px;
                    margin-top:50px;
                    font-size:30;
                    color: #3CB371;
                }
                h3 {
                    float:right;
                    margin-right:350px;
                    margin-top:50px;
                    font-size:30;
                    color:#FF4500;
                }
                h4 {
                    margin:0 auto;
                    font-size:30px;
                    text-align:center;
                    border: 2px double black;
                    width:130px;
                    height:40px;
                    background-color:#00BFFF;
                    color:white;
                }
                </style>
        </head>
    <body>
        <div class = "buehne">
            <h1>Bühne</h1>
        </div>
        <table class="plan" id="plan">
            <?php
                $i
    =0;
                for(
    $row=1$row<=8$row++)
                {
                    echo 
    "<tr>";
                        for(
    $seat=1$seat<=22$seat++)
                        {
                        if (
    $seat == 12
                            echo 
    "<td class='row'>" .$row ."</td>"
                        
                            
    $sitzdaten $daten[$i];
                            echo 
    "<td class='sitz cat{$sitzdaten['kategorie']}'>{$sitzdaten['sitz']}</td>";
                            
    $i++;
                        }
                    echo 
    "</tr>";
                }
            
    ?>
            </table>
            
        <h2>Links</h2>
        <h3>Rechts</h3>
        <h4>Eingang</h4>
    </body>
    </html>
    Meine Frage:
    Wie kann ich (mit Hilfe JS) eine Information unten einblenden lassen, wenn ich zB auf Sitznummer 23 anklicke. Ich hab gelesen, das mit "alert" ein "Fensterchen" auftaucht, aber ich möchte das diese Infos unter dem Sitzplan eingeblendet werden.

    Ich hoffe ich hab mein Problem verständlich beschrieben! Danke!

  2. #2
    -martin- Guest

    AW: Thema: Sitzplan

    Mit dem event onclick (http://de.selfhtml.org/javascript/sp...enthandler.htm) und DOM.
    Zu DOM habe ich aktuell keine URL bei der Hand. Andere hier können sicher weiterhelfen.

  3. #3
    rico2009 Guest

    AW: Thema: Sitzplan

    Zum DOM finde ich den Wikipedia-Artitel recht hilfreich: http://de.wikipedia.org/wiki/Document_Object_Model oder auch http://www.w3.org/DOM/ oder http://de.selfhtml.org/dhtml/modelle/dom.htm

    Ich würde unter dem Sitzplan ein div-Element erstellen und dieses erstmal ausblenden (display:none). Dann mittels onclick eine Funktion aufrufen, die das div-Element einblendet (display:block) und die gewünschten Informationen in das Element reinpackt.

  4. #4
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Thema: Sitzplan

    Die gleichen Infos hat er oder sie, schon bekommen Sitzplan Information gestalten.

Ähnliche Themen

  1. Sitzplan in JavaScript
    Von coNNway im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 11-09-2008, 16:52
  2. Zum Thema...
    Von style-guide! im Forum Internet & Recht
    Antworten: 1
    Letzter Beitrag: 05-08-2004, 12:06
  3. thema sound
    Von Goldfisch im Forum Internet & Recht
    Antworten: 6
    Letzter Beitrag: 11-05-2003, 12:48
  4. Zum Thema Fußball
    Von Balu im Forum Fun
    Antworten: 3
    Letzter Beitrag: 16-07-2002, 17:57

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •