tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
825
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    timkon timkon ist offline Mitglied
    Registriert seit
    Jun 2007
    Beiträge
    18
    Hi Leute,

    habe hier ein kleines Problemchen. Habe mir diese Navigationsleiste mit HTML und CSS erstellt.

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    
    <!!--div für die Navigation//-->
        <div id="navi">
                  <p class="link"><a href="" title="Startseite">Startseite</a></p>
            <p class="link"><a href="" title="Informationen &uuml;ber meine Person">Person</a></p>
            <p class="link"><a href="" title="Hier finden Sie kleine Programme">Programme</a></p>
            <p class="link"><a href="" title="Hier bekommen Sie Hilfe rund um das Thema Computer">PC Help</a></p>
            <p class="link"><a href="" title="Aktuelle Nachrichten aus aller Welt">Nachrichten</a></p>
            <hr color="green" size="1" width="80%"></hr>
            <p class="link"><a href="" title="Technische Informationen zu dieser Homepage">Informationen</a></p>
            <p class="link"><a href="" title="Nehmen Sie Kontakt mit mir auf">Kontakt</a></p>";
        </div>

    Nun möchte ich, dass bei einem klick zB auf den Link Person in dem Container hier

    Code :
    1
    2
    3
    4
    
       <!--div für die Inhalte//-->
             <div id="main">
     
             </div>

    der Inhalt angezeigt werden soll. Wie bekomme ich das hin? Das php Script soll erstmal einfach nur Hallo ausgeben, das Script schreiben is kein Problem, nur das korrekte starten (mit mausklick) macht Probleme. Wenn das erstmal geht, wie kann ich das dann hinbekommen, dass es auch in dem richtien Container angezeigt wird?

    Hoffe ihr könnt mir helfen!
     

  2. #2
    nosilume nosilume ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Ort
    localhost
    Beiträge
    150
    Das geht nicht mit PHP, dafür wird Javascript verwendet. Schau dir mal prototype an, das ist sehr komfortabel.
     
    mfg
    nosilume

    Wenn dir mein Thread geholfen hat bewerte meinen Beitrag bitte und markiere den Post als erledigt. Danke.
    Sessions in der Datenbank speichern
    Was sind SQL Injections - wie schreibe ich sicheres SQL ?

  3. #3
    zdek zdek ist offline Rookie
    Registriert seit
    Feb 2003
    Beiträge
    5
    Hallo

    Also es geht zB wie folgt:
    HTML-Code:
    <!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>Unbenanntes Dokument</title>
    <style type="text/css">
    <!--
    #inhalt1 {
    	background-color: #CCCCCC;
    	overflow: auto;
    	visibility: hidden;
    	height: 300px;
    	width: 500px;
    	left: 100px;
    	top: 200px;
    	cursor: default;
    	position: absolute;
    }
    -->
    #inhalt2 {
    	background-color: #cecece;
    	overflow: auto;
    	visibility: hidden;
    	height: 400px;
    	width: 400px;
    	left: 100px;
    	top: 100px;
    	cursor: default;
    	position: absolute;
    }
    </style>
    <script type="text/javascript">
    <!--
    function MM_showHideLayers() { //v9.0
      var i,p,v,obj,args=MM_showHideLayers.arguments;
      for (i=0; i<(args.length-2); i+=3) 
      with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
        if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
        obj.visibility=v; }
    }
    //-->
    </script>
    </head>
    
    <body>
    <div> <a href="#" onclick="MM_showHideLayers('inhalt1','','show')">link</a> | <a href="#" onclick="MM_showHideLayers('inhalt2','','show')">link2</a></div>
    
    <div id="inhalt1">
      <p>Raum für den Inhalt1 des neuen Div-Tags</p>
      <p><a href="#" onclick="MM_showHideLayers('inhalt1','','hide')">close</a></p>
    </div>
    <div id="inhalt2">
      <p>Raum für den Inhalt2 des neuen Div-Tags</p>
      <p><a href="#" onclick="MM_showHideLayers('inhalt1','','inherit','inhalt2','','hide')">close</a></p>
    </div>
    </body>
    </html>
    Damit kann man ein Div-Element anzeigen lassen und auch wieder ausblenden.

    zdek

    hab vergessen: in die Inhalts-Div-Tags kannst du natürlich je eigenes per PHP aus ner DB einfügen lassen...
    Geändert von zdek (07.06.07 um 21:30 Uhr) Grund: Was vergessen
     
    ich will lernen******!!

Ähnliche Themen

  1. Klick auf Link abfangen und erst Funktion ausführen
    Von FunkyMonkey im Forum Javascript & Ajax
    Antworten: 8
    Letzter Beitrag: 25.01.11, 10:18
  2. Reload ausführen bei klick auf OK
    Von Thomas_Jung im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 04.11.09, 11:32
  3. Doppel Klick ausführen lassen
    Von Dolphon im Forum C/C++
    Antworten: 2
    Letzter Beitrag: 02.04.08, 12:49
  4. Bei Klick PHP-Code ausführen
    Von Lil-rich im Forum PHP
    Antworten: 3
    Letzter Beitrag: 19.08.06, 11:47
  5. iFrame, doppelter Link, Hintergrund ändern bei Klick auf Link
    Von Soundlab im Forum Javascript & Ajax
    Antworten: 12
    Letzter Beitrag: 20.03.04, 12:26