login  Naam:   Wachtwoord: 
Registreer je!
 Scripts:
Scripts > PHP > Navigatie systemen > uitklapmenu

uitklapmenu

Auteur: venkatesaya - 13 april 2009 - 12:24 - Gekeurd door: Joel - Hits: 3316 - Aantal punten: 0.67 (3 stemmen)



1. aanmaken db boeken

2. aanmaken tabel boek in db boeken

sql code - Bekijk de code zonder highlighting - Klap code in 
  1. CREATE TABLE `boek` (
  2.   `boek_id` bigint(20) NOT NULL AUTO_INCREMENT,
  3.   `titel` varchar(255) DEFAULT NULL,
  4.   `boek` varchar(50) DEFAULT NULL,
  5.   `hoofdstuk` varchar(5) DEFAULT NULL,
  6.   `paragraaf` varchar(5) DEFAULT NULL,
  7.   `txt` text,
  8.   `sort_h_p` varchar(9) DEFAULT NULL,
  9.   PRIMARY KEY  (`boek_id`)
  10. ) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=1111;

3. records aanmaken in tabel boek

sql code - Bekijk de code zonder highlighting - Klap code in 
  1. INSERT INTO `boek` (`boek_id`, `titel`, `boek`, `hoofdstuk`, `paragraaf`, `txt`, `sort_h_p`) VALUES 
  2. (6, 'In adipiscing.', 'Lorem Ipsum', '2', '3', 'In adipiscing, augue et consectetur vestibulum, dolor mauris iaculis risus, non tristique nisi mauris sit amet nunc. Curabitur convallis lorem quis magna.', '02_03'),
  3. (9, 'Vivamus hendrerit erat at massa.', 'Lorem Ipsum', '3', '3', 'Vivamus hendrerit erat at massa. Quisque non nisi. Aenean eu arcu in sapien pretium porta. Nam lacinia rhoncus lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. ', '03_03'),
  4. (3, 'Nunc vitae urna.', 'Lorem Ipsum', '1', '3', 'Nunc vitae urna. Sed egestas. Fusce mauris mauris, pharetra at, auctor et, elementum nec, dui. Suspendisse vestibulum urna sit amet odio. ', '01_03'),
  5. (5, 'Suspendisse potenti.', 'Lorem Ipsum', '2', '2', 'Suspendisse potenti. Ut semper placerat purus. Praesent sed justo quis diam dictum eleifend. Suspendisse elit. Nam et tortor. Donec iaculis. Praesent sagittis risus eget eros. ', '02_02'),
  6. (2, 'In suscipit fringilla massa.', 'Lorem Ipsum', '1', '2', 'In suscipit fringilla massa. Donec sit amet ligula. Fusce lorem lorem, ultricies sed, iaculis in, laoreet sit amet, justo. Quisque placerat gravida orci. ', '01_02'),
  7. (1, 'Lorem ipsum dolor.', 'Lorem Ipsum', '1', '1', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet lectus sit amet orci egestas accumsan. Quisque fermentum lorem id arcu. ', '01_01'),
  8. (4, 'Vestibulum ante ipsum.', 'Lorem Ipsum', '2', '1', 'Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam pulvinar. Quisque sed arcu et mi pharetra porta. Etiam nec mauris. ', '02_01'),
  9. (7, 'Cras et nibh vel dui luctus malesuada.', 'Lorem Ipsum', '3', '1', 'Cras et nibh vel dui luctus malesuada. Duis dapibus rutrum ante. Aliquam justo. Proin blandit dapibus arcu. Nulla libero arcu, ornare sit amet, pharetra non, bibendum at, elit. ', '03_01'),
  10. (8, 'In ac libero eu lacus tincidunt luctus.', 'Lorem Ipsum', '3', '2', 'In ac libero eu lacus tincidunt luctus. Nulla mattis tincidunt turpis. Nam urna nunc, interdum non, ornare quis, vestibulum vel, dolor. ', '03_02');

4. aanmaken file index.php

5. aanmaken file stijl.css

hoofdstuk en paragraaf zijn NRS in de db
je krijgt een nette url: index.php?hoofdstuk=1&paragraaf=1

veld sort_h_p kan dienen om de records te sorteren

Code:
index.php
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html><head><title>menu</title><link href="stijl.css" rel="stylesheet" type="text/css"></head><body>
  2. <?php
  3. if ( isset( $_GET["hoofdstuk"] ) ) {
  4.     $hoofdstuk = $_GET["hoofdstuk"] ;
  5. } else {
  6.     $hoofdstuk = "";
  7. }
  8. ?>
  9. <div class="wrap">
  10.   <h3>Lorem Ipsum</h3>
  11.   <div class="menu">
  12.     <?php
  13. $hoofdstuk_txt[1] = array( "hoofdstuk 1" );
  14. $hoofdstuk_txt[2] = array( "hoofdstuk 2" );
  15. $hoofdstuk_txt[3] = array( "hoofdstuk 3" );
  16. $nav = array( 
  17. 	"1" => array( "Lorem ipsum dolor.", "In suscipit fringilla massa.", "Nunc vitae urna." ),
  18.     "2" => array( "Vestibulum ante ipsum.", "Suspendisse potenti.", "In adipiscing." ),
  19.     "3" => array( "Cras et nibh vel dui luctus malesuada.", "In ac libero eu lacus tincidunt luctus.", "Vivamus hendrerit erat at massa." )
  20.     );
  21. foreach( $nav as $key => $value ) {
  22.     echo " <h4> <a href='" . $_SERVER['PHP_SELF'] . "?hoofdstuk=" . $key . "'> " . $hoofdstuk_txt[$key][0] . "  </a> </h4> " . "\n";
  23.     if ( $hoofdstuk == $key ) {
  24.         foreach( $value as $key2 => $value2 ) {
  25.             $paragraaf_txt = $key2 + 1;
  26.             echo "<ul>" ;
  27.             echo "<li>" ;
  28.             echo " <a href='" . $_SERVER['PHP_SELF'] . "?hoofdstuk=" . $key . "&amp;paragraaf=" . $paragraaf_txt . "'>" . $value2 . "</a>" . "\n";
  29.             echo "</li>" ;
  30.             echo "</ul>" ;
  31.         }
  32.     }
  33. }
  34. ?>
  35.   </div>
  36.   <div class="content">
  37.     <?php
  38. $connect_server = mysql_connect( 'host', 'user', 'pasw' ) ;
  39. if ( !$connect_server ) {
  40.     die( 'probleem met connectie ' . mysql_error() . ' (foutcode= ' . mysql_errno() . ')' ) ;
  41. } else {
  42.     echo 'connectie gelukt ' ;
  43. } 
  44. $connect_db = mysql_select_db( 'database' ) ;
  45. if ( !$connect_db ) {
  46.     die( 'db bestaat niet ' ) ;
  47. } else {
  48.     echo 'db bestaat ' ;
  49. } 
  50. if ( $hoofdstuk == "" ) {
  51.     echo " ";
  52. } elseif ( !isset( $_GET["paragraaf"] ) ) {
  53.     echo " ";
  54. } else {
  55.     $paragraaf = $_GET["paragraaf"];
  56.     $query = "SELECT * FROM boek WHERE hoofdstuk='" . $hoofdstuk . "' AND paragraaf='" . $paragraaf . "' ";
  57.     $result = mysql_query( $query ) or die( mysql_error() );
  58.     while ( $row = mysql_fetch_array( $result ) ) {
  59.         echo "<div class='titel'>" ;
  60.         echo $row['titel'] ;
  61.         echo "</div>";
  62.  
  63.         echo "<div class='txt'>" ;
  64.         echo nl2br( $row['txt'] ) ;
  65.         echo "</div>";
  66.     }
  67. }
  68. ?>
  69.   </div>
  70. </div>
  71. </body></html>

stijl.css
css code - Bekijk de code zonder highlighting - Klap code in 
  1. body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
  2. h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;margin:23px;color:#990000;padding-left:23px;}
  3. h4 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin:3px;border-bottom:#CCCCCC 1px solid;}
  4. ul {list-style:none;margin:0;}
  5. a {text-decoration:none;color:#000066;}
  6. a:hover {text-decoration:none;color:#FF0000;}
  7. .wrap {width:800px;}
  8. .menu {border:#000000 1px solid;margin:3px;padding-bottom:23px;float:left;width:300px;}
  9. .content {border:#000000 1px solid;margin:3px;padding-bottom:23px;float:right;width:480px;}
  10. .titel {border-bottom:#CC0000 1px solid;margin:9px;color:#CC0000;padding-left:23px;}
  11. .txt {margin:3px;}
Download code! Download code (.txt)

 Stemmen
Niet ingelogd.

 Reacties
Post een reactie
Geen reacties (0)
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.037s