php webpagina met html en javascript

Status
Niet open voor verdere reacties.
M

mariannevanh

Terugkerende gebruiker
Lid geworden
14 dec 2004
Berichten
2.085
Ik probeer een familielid te helpen met haar website, maar kom er niet helemaal uit.
De website heeft aan de linkerzijde een "menu". Een van de menu-onderdelen is een nog te bouwen FAQ ("Uw vragen"). Ik heb daarvoor een van de andere pagina's gekopieerd en uit de kopie heb ik de informatie verwijderd om daar dan later de FAQ in te bouwen.
Deze FAQ heb ik in model op mijn eigen website op een stand alone pagina wel goed draaien: http://guido.vanharten.net/uwvragen1.php

De gekopieerde pagina begint met een PHP-gedeelte, gevolgd door HTML-gedeelte.
Als ik het PHP-gedeelte van mijn website (regels 1-14) kopieer naar het PHP-deel van de FAQ en vervolgens het script, de style en de faq_containers daaronder plaats, dan zou het m.i. moeten werken, maar ik krijg toch alleen maar een "lege" pagina te zien, alleen het menu en de bovenste "balk", het model van de pagina.

Wat doe ik fout?

Vriendelijke groet,
Guido

P.S. Omdat er zowel sprake is van HTML, Javascript, PHP en styles, wist ik niet goed in welke categorie deze het beste kan worden geplaatst.
 
Laatst bewerkt:
Geen idee, hoe ziet je relevante code eruit?
 
Op de website wordt jQuery geladen, dan kan je misschien hiermee verder...
Code: 
--- html ---

<ul class="faq-list">
  <li>Vraag 1</li>
  <li>Antwoord 1</li>
  <li>Vraag 2</li>
  <li>Antwoord 2</li>
  <li>Vraag 3</li>
  <li>Antwoord 3</li>
</ul>

--- script ---

$(document).ready(function(){
  $('ul.faq-list').each(function(){
    $(this).children('li:even').addClass('faq-q').append('<span>&dtrif;</span>');
    $(this).children('li:odd').addClass('faq-a');
  });
  $('li.faq-q').on('click', function(){
    $(this).siblings('li.faq-q').removeClass('faq-o');
    if( $(this).next().css('display') == 'list-item' ){
      $(this).removeClass('faq-o');
    }else{
      $(this).addClass('faq-o');
    }
    $(this).next().slideToggle('750').siblings('li.faq-a').slideUp();
  });
});

--- css ---

.faq-list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.faq-list li {
  display: block;
  position: relative;
  margin: 0;
  padding: 15px 20px;
}
.faq-list li:first-child {
  border-top: 1px #ddd solid;
}
.faq-list .faq-q {
  background: #f7f7f7;
  font-weight: bold;
  font-size: 16px;
  border-bottom: 1px #ddd solid;
  cursor: pointer;
}
.faq-list .faq-q.faq-o {
  background: #719f41;
  color: #fff;
}
.faq-list .faq-q span {
  position: absolute;
  top: 14px; right: 25px;
  color: #777;
}
.faq-list .faq-q.faq-o span {
  color: #fff;
}
.faq-list .faq-a {
  display: none;
  border-bottom: 1px #ddd solid;
  background: #fff;
  color: #333;
}
Suc6. Have fun.
 
Van CSS heb ik helaas weinig kaas gegeten. Moet ik de CSS-code in een apart bestand zetten (is de naam dan nog belangrijk?)?

Vriendelijke groet,
Guido
 
De website gebruikt 2 stylesheet bestanden.
Code: 
<link href="whole.css" rel="stylesheet" type="text/css">
<link href="menu.css" rel="stylesheet" type="text/css">
Zo te zien aan de naam kan je de css het beste toevoegen onderaan bestand "whole.css".

Smartphone? Zie linkje onderaan deze post. Suc6.
 
Graag gedaan. Veel suc6 met de website.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan