login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Zoek een script om een vraag antwoord pagina te maken (Opgelost)

Offline Novan - 16/12/2010 18:56
Avatar van NovanNieuw lid Hallo,

Ik zoek een javascript om een vraag antwoordt pagina te maken? Dus al je op een vraag klikt komt er onderaan de het antwoordt, klik je op een andere vraag verdwijnt he vorige antwoord en kom onder deze vraag het antwoordt te staan.

8 antwoorden

Gesponsorde links
Offline FrankL - 16/12/2010 19:02
Avatar van FrankL Lid Google geeft mij dit:


show and hide blocks of text
Offline Kevin - 16/12/2010 19:02
Avatar van Kevin Crew Ajax/REST Ben je wat vertrouwd met JavaScript?

Als ik het goed begrijp wil je gewoon een "show" en "hide" functie?
Offline Beirensg - 11/01/2011 10:56
Avatar van Beirensg HTML beginner Met J-Query is dit relatief simpel:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="vraag">vraag1</div>
  2. <div class="antwoord">antwoord1</div>
  3. <div class="vraag">vraag2</div>
  4. <div class="antwoord">antwoord2</div>


Met volgende J-query-functies:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. $(document).ready(function(){
  2. $("div.antwoord").hide(); //alle antwoorden verbergen
  3. });
  4.  
  5. $("div.vraag").click(function(){
  6. $("div.antwoord").hide(); //alle antwoorden verbergen
  7. $(this).next('div.antwoord').show(); //eerstvolgend antwoord openen
  8. });


dit zou moeten werken, je kan deze basis natuurlijk verder afwerken: een knopje voor het uit-of inklappen, CSS,...
Offline Novan - 18/01/2011 20:12
Avatar van Novan Nieuw lid Bedankt om jullie antwoorden maar ik gebruik momenteel dit script
Citaat:
<script type="text/Javascript">
//<![CDATA[
<!--
function togglebar (barID) {
var whichpost = document.getElementById(barID);
if (whichpost.className=="shownbar")
{ whichpost.className="hiddenbar"; }
else { whichpost.className="shownbar"; }
}
//-->
//]]>
</script>

<
Citaat:
div id="shownbar1"><a href="javascript:togglebar('a001')" title="klik voor het antwoord" >hier komt de vraag?</a></div><br />
<div class="hiddenbar" id="a001"> Hier het antwoord.<br /><br /></div>

Nu zoek ik nog om een middel om een images voor de vraag te plaatsen en deze veranderd als men op de vraag klikt. Kunnen jullie me helpen heb al vanalles geprobeerd maar ik ken niet zoveel van javascripts
Offline Beirensg - 19/01/2011 09:30
Avatar van Beirensg HTML beginner In principe is dit hetzelfde, je kan de images ook verstoppen en/of tonen.
Anders moet je met javascript de src veranderen.
Offline Kevin - 19/01/2011 23:05 (laatste wijziging 19/01/2011 23:06)
Avatar van Kevin Crew Ajax/REST Nou zou iets in deze aard moeten zijn dan:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <img src="startfoto.jpg" id="roterendefoto" />
  2.  
  3. <div id="shownbar1"><a href="javascript:togglebar('a001');changeFoto('nieuwefoto.jpg');" title="klik voor het antwoord" >hier komt de vraag?</a></div>

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function changeFoto(a) {
  2.  var theimage = document.getElementById('roterendefoto');
  3.  theimage.src = a;
  4. };
Offline Beirensg - 20/01/2011 09:21
Avatar van Beirensg HTML beginner Nu verander je het 1 keer; indien je een andere vraag aanklikt veronderstel ik dat je terug naar de eerste afbeelding wil gaan. enkel dus nog een regel toevoegen om de href te veranderen.
Offline Novan - 22/01/2011 19:31
Avatar van Novan Nieuw lid hallo bedankt om de reacties Het schrijven van javasripts is een beetje moeilijk voor mij en zal nog veel moeten leren hierdoor heb tenslotte maar gekozen voor een ander javascript een van deze site: http://www.tjkd...ements.asp
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.82s