login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Half werkende zoekfunctie, wat doe ik fout? (Opgelost)

Offline ekki - 22/08/2012 12:03
Avatar van ekkiLid Met dan aan een ander topic van mij (http://www.sitemasters.be/forum/1/40517/PHP/Zoekfunctie_met_dreamweaver) en aan een template die je gratis kon downloaden, heb ik nu eindelijk de lay out van de zoekfunctie die ik wou hebben (www.paardenbitten.nl).

Echter, als je bijvoorbeeld zoekt op "mond", dan verwijst hij wel netjes door naar de pagina waar de zoekresultaten moeten komen te staan (http://paardenbitten.nl/Zoekfunctie.html?s=mond) maar de resultaten zelf zijn niet zichtbaar.

Hierbij de .CSS code:
  1. * { margin: 0;
  2. padding: 0;}
  3.  
  4. body {background: #FFFFFF url(images/img01.jpg) repeat-x left top;
  5. text-align: justify;
  6. font-family: Verdana;
  7. font-size: 11px;
  8. color: #757E82;}
  9.  
  10. h1, h2, h3 {color: #AA2808;}
  11.  
  12. h1 {}
  13.  
  14. h2 {}
  15.  
  16. h3 {}
  17.  
  18. p, blockquote, ul, ol {
  19. margin-bottom: 20px;
  20. line-height: 2em;}
  21.  
  22. p {}
  23.  
  24. blockquote {}
  25.  
  26. ul, ol, li {
  27. margin: 0px;
  28. padding: 0px;
  29. list-style: none;
  30. }
  31.  
  32. a {text-decoration: none;
  33. color: #757E82;}
  34.  
  35. a:hover {
  36. text-decoration: none;
  37. color: #757E82;
  38. }
  39.  
  40. /* Wrapper */
  41.  
  42. #wrapper {}
  43.  
  44. /* Header */
  45.  
  46. #header {
  47. width: 1100px;
  48. height: 140px;
  49. margin: 0 auto;
  50. }
  51.  
  52. /* Logo */
  53.  
  54. #logo {
  55. float: left;
  56. width: 375px;
  57. height: 76px;
  58. margin: 0px;
  59. padding: 25px 0px 0px 30px;
  60. }
  61.  
  62. #logo h1 {margin: 0;
  63. padding: 0;
  64. font: normal 31px Georgia, "Times New Roman", Times, serif;}
  65.  
  66. #logo h2 {margin: 0px 0 0 0;
  67. padding: 0px 0px 0px 10px;
  68. text-transform: uppercase;
  69. letter-spacing: 2px;
  70. font-size: 10px;
  71. font-weight: normal;
  72. color: #D9170E;}
  73.  
  74. #logo h2 a {color: #9AA9B1;}
  75.  
  76. #logo a {text-decoration: none;
  77. color: #D9170E;}
  78.  
  79. /* Menu */
  80.  
  81. #menu {float: right;
  82. width: 592px;
  83. height: 90px;}
  84.  
  85. #menu ul {margin: 0;
  86. padding: 0px 0 0 20px;
  87. list-style: none;
  88. line-height: normal;
  89. margin-left: 30px;}
  90.  
  91. #menu li {display: inline;
  92. text-align: center;}
  93.  
  94. #menu a {display: block;
  95. float: left;
  96. height: 55px;
  97. margin-right: 1px;
  98. padding: 35px 20px 0px 20px;
  99. letter-spacing: -1px;
  100. text-decoration: none;
  101. text-align: center;
  102. font-family: Arial, Helvetica, sans-serif;
  103. font-size: 20px;
  104. font-weight: normal;
  105. color: #383B3F;}
  106.  
  107. #menu a:hover, #menu .active a {background: #F40C42 url(images/img02.jpg) repeat-x left bottom; color: #FFFFFF;}
  108.  
  109. /* Search */
  110.  
  111. #search {padding: 0px 0px 40px 0px;}
  112.  
  113. #search form {
  114. margin: 0;
  115. padding: 0;}
  116.  
  117. #search fieldset {
  118. margin: 0;
  119. padding: 0;
  120. border: none;}
  121.  
  122. #search input {
  123. float: left;
  124. font: 11px Tahoma, Geneva, sans-serif;
  125. padding: 2px 2px;}
  126.  
  127. #search-text {
  128. width: 100px;
  129. border: 1px solid #000000;
  130. color: #000000;}
  131.  
  132. #search-submit {
  133. height: 21px;
  134. margin-left: 10px;
  135. padding: 0px 2px;
  136. border: none;
  137. background: #E71810;
  138. color: #FFFFFF;}
  139.  
  140. /* Page */
  141.  
  142. #page {width: 900px;
  143. margin: 0 auto;}
  144.  
  145. /* Content */
  146.  
  147. #content {
  148. float: left;
  149. width: 630px;
  150. }
  151.  
  152. .post {
  153. background: url(images/img05.jpg) repeat-y left top;
  154. }
  155.  
  156. .post-bgtop {
  157. background: url(images/img04.jpg) no-repeat left top;
  158. }
  159.  
  160. .post-bgbtm {
  161. background: url(images/img06.jpg) no-repeat left bottom;
  162. padding: 50px 40px 30px 40px;
  163. }
  164.  
  165. .post .title {
  166. margin: 0px;
  167. padding: 0px 0px 5px 0px;
  168. color: #232F01;
  169. }
  170.  
  171. .post .title a {
  172. letter-spacing: -1px;
  173. text-decoration: none;
  174. font-family: Arial, Helvetica, sans-serif;
  175. font-weight: normal;
  176. font-size: 28px;
  177. color: #3A3D40;
  178. }
  179.  
  180. .post .entry {
  181. }
  182.  
  183. .post img {
  184. float: left;
  185. padding: 15px 0px;
  186. }
  187.  
  188. /* Sidebar */
  189.  
  190. #sidebar {
  191. float: right;
  192. width: 260px;
  193. background: url(images/img08.jpg) repeat-y left top;
  194. font-size: 11px;
  195. }
  196.  
  197. #sidebar-bgtop {
  198. background: url(images/img07.jpg) no-repeat left top;
  199. }
  200.  
  201. #sidebar-bgbtm {
  202. background: url(images/img09.jpg) no-repeat left bottom;
  203. padding: 40px 40px 20px 40px;
  204. }
  205.  
  206. #sidebar ul {
  207. margin: 0;
  208. padding: 0;
  209. list-style: none;
  210. line-height: normal;
  211. }
  212.  
  213. #sidebar li {
  214. margin-bottom: 1px;
  215. }
  216.  
  217. #sidebar li ul {
  218. margin: 0px;
  219. padding: 0px 0px 40px 0px;
  220. }
  221.  
  222. #sidebar li li {
  223. margin: 0;
  224. padding: 7px 0px;
  225. border: none;
  226. background: url(images/img10.jpg) repeat-x left bottom;
  227. font-family: Tahoma, Geneva, sans-serif;
  228. }
  229.  
  230. #sidebar li li a {
  231. background: url(images/img11.jpg) no-repeat left 3px;
  232. padding-left: 20px;
  233. }
  234.  
  235. #sidebar h2 {
  236. margin: 0px;
  237. padding: 0px 0px 20px 0px;
  238. font-family: Arial, Helvetica, sans-serif;
  239. font-size: 180%;
  240. font-weight: normal;
  241. color: #454E55;
  242. }
  243.  
  244. #sidebar h3 {
  245. font-size: 77%;
  246. color: #454E55;
  247. }
  248.  
  249. #sidebar p {
  250. margin: 0;
  251. line-height: normal;
  252. color: #D4C792;
  253. }
  254.  
  255. #sidebar a {
  256. border: none;
  257. text-decoration: none;
  258. color: #757E82;
  259. }
  260.  
  261. #sidebar a:hover {
  262. text-decoration: underline;
  263. color: #363636;
  264. }
  265.  
  266. /* Submenu */
  267.  
  268. #submenu {
  269. }
  270.  
  271. /* News */
  272.  
  273. #news {
  274. }
  275.  
  276. #news a {
  277. font-size: 85%;
  278. }
  279.  
  280. /* Footer */
  281.  
  282. #footer-wrapper {
  283. background: #F7F7F7 url(images/img03.jpg) repeat-x left top;
  284. padding: 20px 0px;
  285. }
  286.  
  287. #footer {
  288. width: 900px;
  289. margin: 0 auto;
  290. color: #757E82;
  291. }
  292.  
  293. #footer p {
  294. margin: 0;
  295. text-align: center;
  296. font-size: 11px;
  297. }
  298.  
  299. #footer a {
  300. text-decoration: underline;
  301. color: #757E82;
  302. }
  303.  
  304. #footer a:hover {
  305. text-decoration: none;
  306. color: #F90542;
  307. }


En de code van de pagina waar de resultaten op moeten staan:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <title>Paardenbitten van A t/m Z</title>
  7. <meta name="keywords" content="Paardenbitten, bitten, bit" />
  8. <meta name="description" content="Alles over paardenbitten en hun inwerking" />
  9. <link href="default.css" rel="stylesheet" type="text/css" />
  10. <script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
  11. <script type="text/javascript" src="jquery/jquery.slidertron-0.1.js"></script>
  12. <style type="text/css">
  13. @import "gallery.css";
  14. </style></head>
  15.  
  16. <body><div id="wrapper"><div id="header"><div id="logo"><h1><a href="index.html">Paardenbitten van A t/m Z</a></h1><h2><a href="http://www.paardenbitten.nl/">Alles over paardenbitten en hun werking</a></h2></div><!-- end div#logo -->
  17.  
  18. <div id="menu"><ul> <a href="index.html">Welkom</a></li><li><a href="Bronvermeldingen.html">Bronvermeldingen</a></li><li><a href="Dankwoord.html">Dankwoord</a></li><li><li class="active"><a href="Contact.html">Contact</a></li></ul></div><!-- end div#menu --></div>
  19.  
  20. <div><div id="page"><div id="content">
  21.  
  22. <div class="post"><div class="post-bgtop"><div class="post-bgbtm"><h2 class="title"><a href="index.html">Zoekfunctie</a></h2><div class="entry"></div></div></div></div></div><!-- end div#content -->
  23.  
  24.  
  25. <div id="sidebar"><div id="sidebar-bgtop"><div id="sidebar-bgbtm"><ul><li id="search"><h2>Zoekfunctie</h2><form method="get" action="Zoekfunctie.html"><fieldset><input type="text" id="seach-text" name="s" value="" /><input type="submit" id="search-submit" value="zoek" /></fieldset></form></li>
  26.  
  27. <li><h2>Het bit</h2><ul>
  28. <li><a href="Algemene_inwerking.html">De algemene inwerking</a></li>
  29. <li><a href="#">Diverse mondstukken</a></li>
  30. <li><a href="#">Diverse bitringen</a></li>
  31. <li><a href="#">Diverse materialen</a></li>
  32. <li><a href="#">Hefboomwerking scharenbitten</a></li>
  33. <li><a href="#">Wanneer past een bit?</a></li>
  34. <li><a href="#">Schuimen tijdens de arbeid</a></li>
  35. <li><a href="#">Merken</a></li>
  36. <li><a href="#">Bit accessoires</a></li>
  37. <li><a href="#">Neusriemen</a></li></ul></li>
  38.  
  39. <li><h2>Engelse bitten</h2><ul>
  40. <li><a href="#">Trensbitten</a></li>
  41. <li><a href="#">Ophaaltrensen</a></li>
  42. <li><a href="#">Pelhams</a></li>
  43. <li><a href="#">Gecombineerde bitten</a></li></ul></li>
  44.  
  45. <li><h2>Andere disciplines</h2><ul>
  46. <li><a href="#">Westernbitten</a></li>
  47. <li><a href="#">Menbitten</a></li>
  48. <li><a href="#">Draf- en rensport</a></li>
  49. <li><a href="#">Kandares</a></li>
  50. <li><a href="#">Overige bitten</a></li>
  51. <li><a href="#">Klassiekers</a></li>
  52. <li><a href="#">Bitloos</a></li></ul></li>
  53. </div></div></div> <!-- end div#sidebar -->
  54.  
  55. <div style="clear: both; height: 1px"></div>
  56. </div>
  57. </div>
  58. <!-- end div#page -->
  59. </div>
  60. <!-- end div#wrapper -->
  61. <div id="footer-wrapper"><div id="footer"><p id="legal">© 2012 Paardenbitten.nl - Magda Kwanten. Alle rechten voorbehouden. Voor iedere vorm van gebruik en/of publicatie is voorafgaande toestemming van de auteur vereist.</p></div></div><!-- end div#footer -->
  62. </body>
  63. </html>


Ik gebruik het programma Dreamweaver. Wie kan zo zien waar de fout zit en wat ik moet verbeteren?

Alvast bedankt.

20 antwoorden

Gesponsorde links
Offline Martijn2008 - 22/08/2012 12:08 (laatste wijziging 22/08/2012 12:09)
Avatar van Martijn2008 PHP beginner De zoekfunctie werkt niet doordat je geen database (met bijvoorbeeld MySQL) en PHP script voor de zoekfunctie hebt geschreven. Het PHP script moet uit de GET (..?=mond) het woord 'mond' filtreren en de resultaten ophalen uit de database. Die resultaten moeten vervolgens op het scherm worden getoond.

Het antwoord op je vraag is dat je op de juiste weg bent, maar de webapplicatie nog niet af is.
Offline ekki - 22/08/2012 12:55 (laatste wijziging 22/08/2012 15:32)
Avatar van ekki Lid Weer die database haha. Dan ga ik daar eerst maar mee aan de slag. Nu heb je mij in mijn andere topic al een stukje op weg geholpen (http://www.sitemasters.be/forum/10/40523), maar ik ben er gisteren helemaal niet uit gekomen.

Kan jij, of is er wellicht een pagina, mij exact vertellen hoe ik dat het beste kan aanpakken?

[edit] Ik probeer het nu eerst via deze website: http://www.webs...amp;id=873. Ik lees dus dat mijn webhoster (Hosting2Go) ook een MySQL database ter beschikking stelt, even zien dus hoe dit allemaal werkt.

[edit2] Ik blijf mijn voortgang aangeven hier want ik heb nog niet het idee dat ik er veel van snap. Ik heb nu dus een database van Hosting2Go, ondertussen heb met de link van websitemaken schijnbaar een link gelegd tussen beiden (hoe controleer ik dat?)(trouwens op een aparte PHP pagina ik in de andere pagina's include). Maar nu weet ik niet wat ik moet doen om de zoekfunctie werkend te krijgen, welk script heb ik daarvoor nodig?
Offline Martijn2008 - 22/08/2012 15:42
Avatar van Martijn2008 PHP beginner In de pagina van de zoekfunctie, want op die pagina wil je de gevonden resultaten tonen.

Citaat uit je code:

  1. <form method="get" action="Zoekfunctie.html">


Die kun je aanpassen naar bijvoorbeeld

  1. <form method="get" action="Zoekfunctie.php">


Op het moment als je dan gaat zoeken zullen de variabelen naar het PHP-script worden gestuurd, bijvoorbeeld Zoekfunctie.php?s=mond. Echter de code voor de zoekfunctie dien je zelf te schrijven.
Offline ekki - 22/08/2012 15:51
Avatar van ekki Lid Die .html is ondertussen gewijzigd naar .php inderdaad.

Is er wellicht een voorbeeld van een dergelijke code? Want ik beheers het niet om zo'n code uit de lucht te filteren.  
Offline Martijn2008 - 22/08/2012 16:05
Avatar van Martijn2008 PHP beginner Het is logisch dat je niet als beginner direct vloeiend PHP kan schrijven. Daarom heb ik je ook geadviseerd een WAMP of LAMP server in te richten op je lokale machine, zodat je daarop kan experimenteren door bijvoorbeeld dit eenvoudig gastenboek script eens werkend proberen te krijgen(n.b. zie je vorige topic ).
Offline ekki - 22/08/2012 16:11
Avatar van ekki Lid Ik ben dus ongeduldig, haha?  Ik snap je punt.

Ik heb er wel naar gekeken, maar het is mij dus niet gelukt om die WAMP in te stellen, ik mis gewoonweg een gebruiksaanwijzing voor dummies. Als ik een goed voorbeeld heb dan kan ik daar zo verder mee en wijzigen naar eigen smaak. Maar nu zijn het steeds "halve" adviezen waardoor ik vervolgens weer vastloop. Begrijp mij niet verkeerd, ik blijf doorleren maar het is heel frustrerend dat er nergens dus een gebruiksaanwijzing of stappenplan te vinden is.
Offline Martijn2008 - 22/08/2012 16:17
Avatar van Martijn2008 PHP beginner Wat heb je dan precies gedaan om WAMP te installeren??
Offline ekki - 22/08/2012 16:28
Avatar van ekki Lid Via deze link (http://www.mamp.info/en/index.html) heb ik de MAMP (linkse) gedownload. Vervolgens moet ik hem instellen via dreamweaver. In het boek van Adobe staat dat je dan op een gegeven moment de map "WAMP/www" moet hebben. Die map is dus onvindbaar op mijn computer na de installatie van net genoemd programma. Ik kom dan dus niet verder ermee eer ik die map heb.

Maar ik zag dat jij een andere link hebt gegeven, welke van de 64 bits moet ik daarvan downloaden? Dan probeer ik het daar nogmaals mee.
Offline DenMette - 22/08/2012 16:35 (laatste wijziging 22/08/2012 16:37)
Avatar van DenMette PHP gevorderde Dag Ekki

Welk besturing systeem gebruik jij? Want dat is wel belangrijk
Mac OSX -> MAMP
Windows -> WAMP / XAMPP
Linux -> LAMP

Als je jou versie hebt gedownload is het een mooie installer dat je kan volgen.

Als dit gelukt is kan je kijken naar de tutorials om MySQL en PHP te gebruiken.

--
Vergeet trouwens heel het gebeuren van ADOBE, als je het installeerd dan moet je jou documenten in de WWW of htdocs zetten, maar zeg wanneer je daar bent. en welke versie je hebt geinstalleerd
Offline ekki - 22/08/2012 16:38 (laatste wijziging 22/08/2012 18:25)
Avatar van ekki Lid Ik gebruik Windows, dus ik moet de WAMP/XAMP hebben begrijp ik, de link die je daarvan geeft, moet ik daarvan de "WAMP Server (64 bits & PHP 5.4) 2.2 E" hebben of een andere? En dan zegt hij "You must install Visual C++ 2010 SP1 Redistributable Package x86 or x64", welke van de twee die daaronder staan moet ik dan hebben?

Als dat gelukt is dan schakel ik over naar de tutorials ja.

[edit] De testserver draait ondertussen, nu heb ik wel de map "Wamp/www" kunnen vinden (trouwens met deze [url]http://www.wampserver.com/en/[/url]). En dan de versie "WAMP Server (64 bits & PHP 5.4) 2.2 E".

Ik ben nu dus als het goed is zover als jij aangaf dat ik het moest zeggen.
Offline DenMette - 22/08/2012 19:37
Avatar van DenMette PHP gevorderde Inderdaad, zoals jezelf aanhaalt heb je dus gewoon alles draaien, normaal heb je nu een venster dat je kan openen waarin je de server kan beheren. Dit kan ook een icoontje zijn naast je tijd. Daar kan je zien of je server draait. Als dit het geval is zou je naar http://localhost/ moeten kunnen surfen.

Als je dan iets ziet als "wamp" of "Is running" dan heb je alles goed gedaan en kan je gewoon verder gaan met de tutorials.
Offline ekki - 22/08/2012 19:40
Avatar van ekki Lid Dat klopt helemaal. 

We leren het wel, zo af en toe moet ik alleen even terug op mijn plaatst gezet worden.
Offline DenMette - 22/08/2012 19:46
Avatar van DenMette PHP gevorderde Daarvoor is er een forum zoals dit, waar we iedereen willen helpen en proberen te helpen.

Ik zou beginnen met een gastenboek, omdat het toch meestal dat principe is, er zijn ook tutorials en scripts van te vinden waardoor je misschien wat geholpen wordt.

Succes alvast
Offline ekki - 22/08/2012 19:50
Avatar van ekki Lid Bedankt. Ik laat dit topic bewust open zodat ik van hieruit ook verder kan vragen omtrent de komende oefeningen.
Offline DenMette - 23/08/2012 11:09
Avatar van DenMette PHP gevorderde dat is goed bekeken, maar hou er rekening mee dat er dan minder mensen zullen helpen, soms kan je beter een nieuw topic openen omdat je dan terug een oranje kleur krijgt van nieuw topic.
Offline ekki - 23/08/2012 12:06
Avatar van ekki Lid Dat is ook wel weer zo ja.
Offline Joel - 23/08/2012 12:24
Avatar van Joel Eigenaar @ Ekki: Misschien kan je in't vervolg grote stukken code plaatsen op http://www.plaatscode.be ! Dat leest iets gemakkelijker voor ons (minder scrollen).
Offline ekki - 23/08/2012 13:05 (laatste wijziging 23/08/2012 13:06)
Avatar van ekki Lid Als ik jullie toch niet had haha, ik zat mij al af te vragen hoe ik dat gemakkelijker kon maken.

Ik wou mijn script nu ook inkorten/weghalen maar ik kan mijn post niet wijzigen, er staat steeds dit:

"Access denied for user 'joel'@'localhost' (using password: NO)
UPDATE forum_bericht SET laatste_wijz='2012-08-23 13:05:38', topic='Half werkende zoekfunctie, wat doe ik fout?', bericht='Met dan aan een ander topic van mij (http://www.sitemasters.be/forum/1/40517/PHP/Zoekfunctie_met_dreamweaver) en aan een template die je gratis kon downloaden, heb ik nu eindelijk de lay out van de zoekfunctie die ik wou hebben (www.paardenbitten.nl). Echter, als je bijvoorbeeld zoekt op \"mond\", dan verwijst hij wel netjes door naar de pagina waar de zoekresultaten moeten komen te staan (http://paardenbitten.nl/Zoekfunctie.html?s=mond) maar de resultaten zelf zijn niet zichtbaar. *knip*', sticky=0 WHERE id=40526".
Offline Joel - 23/08/2012 13:16
Avatar van Joel Eigenaar Dit moeten we eens nakijken dan. Onthoud het dan maar voor in de toekomst, en laat dit bericht maar zo 

Ik ga dit bericht toch als opgelost beschouwen. Als je een nieuwe vraag hebt, gewoon nieuw topic starten!
Offline ekki - 23/08/2012 13:18
Avatar van ekki Lid Doe ik! Nogmaals bedankt!

Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.273s