Beste forum leden,
dit is mijn eerste berichtje hier en hoop dat jullie me verder kunnen helpen bij een klein striptje,
Ik ben bezig met een advertentie/marktplaats website en op de home page wil ik een beknopte zoek funtie waarin je snel op de 3 belangrijkste waardes kun zoeken in de advertenties.
Maar omdat ik 3 te weinig vind en graag wil uitbereiden door 5 wil ik dit doormiddel van een uitklap window doen. Dus als je op een van de invul velden klikt dat het zo beknopte zoekfilter zich uitbereid met nog 2 in te kunnen vullen opties.
Een voorbeeld is de zoekfuntie op de home page van: www.trulia.com
nu heb ik dit script gedownload:
http://www.dhtmlgoodies.com/?whichScript=pulldown_content
Het probleem waar ik nu tegen aanloop is dat ik het in de extra zoek opties die in het uitklapscherm zetten dat deze ook een keuze menu bevat en zodra je dan op het puldown menutje klikt schuift direct het uiklapscherm zich weer..
Is er een mogelijkheid in dit script dat als je hem 1x uitgeklapt hebt dat die open blijft staan tot je bijvoorbeeld je pagina ververst?
dit staan boven in header:
<?php
<style type="text/css">
/* Start of css that is not needed for the script */
body{
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
margin-top:0px;
background-image:url('../../images/heading3.gif');
background-repeat:no-repeat;
padding-top:0px;
}
p{
margin-top:0px;
}
a{
color:#660000;
text-decoration:none;
}
/* End of css that is not needed for the script */
/* Don't delete anything below here */
.dhtmlgoodies_contentBox{
height:0px;
visibility:hidden;
position:absolute;
overflow:hidden;
padding:2px;
width:250px;
}
.dhtmlgoodies_content{
position:relative;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
width:100%;
font-size:0.8em;
}
</style>
<script type="text/javascript">
/************************************************************************************************************
(C) www.dhtmlgoodies.com, September 2005
This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.
Terms of use:
See http://www.dhtmlgoodies.com/index.html?page=termsOfUse
Thank you!
www.dhtmlgoodies.com
Alf Magne Kalleland
************************************************************************************************************/
var slideDownInitHeight = new Array();
var slidedown_direction = new Array();
var slidedownActive = false;
var contentHeight = false;
var slidedownSpeed = 3; // Higher value = faster script
var slidedownTimer = 7; // Lower value = faster script
function slidedown_showHide(boxId)
{
if(!slidedown_direction[boxId])slidedown_direction[boxId] = 1;
if(!slideDownInitHeight[boxId])slideDownInitHeight[boxId] = 0;
if(slideDownInitHeight[boxId]==0)slidedown_direction[boxId]=slidedownSpeed; else slidedown_direction[boxId] = slidedownSpeed*-1;
slidedownContentBox = document.getElementById(boxId);
var subDivs = slidedownContentBox.getElementsByTagName('DIV');
for(var no=0;no<subDivs.length;no++){
if(subDivs[no].className=='dhtmlgoodies_content')slidedownContent = subDivs[no];
}
contentHeight = slidedownContent.offsetHeight;
slidedownContentBox.style.visibility='visible';
slidedownActive = true;
slidedown_showHide_start(slidedownContentBox,slidedownContent);
}
function slidedown_showHide_start(slidedownContentBox,slidedownContent)
{
if(!slidedownActive)return;
slideDownInitHeight[slidedownContentBox.id] = slideDownInitHeight[slidedownContentBox.id]/1 + slidedown_direction[slidedownContentBox.id];
if(slideDownInitHeight[slidedownContentBox.id] <= 1){
slidedownActive = false;
slidedownContentBox.style.visibility='hidden';
slideDownInitHeight[slidedownContentBox.id] = 0;
}
if(slideDownInitHeight[slidedownContentBox.id]>contentHeight){
slidedownActive = false;
}
slidedownContentBox.style.height = slideDownInitHeight[slidedownContentBox.id] + 'px';
slidedownContent.style.top = slideDownInitHeight[slidedownContentBox.id] - contentHeight + 'px';
setTimeout('slidedown_showHide_start(document.getElementById("' + slidedownContentBox.id + '"),document.getElementById("' + slidedownContent.id + '"))',slidedownTimer); // Choose a lower value than 10 to make the script move faster
}
function setSlideDownSpeed(newSpeed)
{
slidedownSpeed = newSpeed;
}
</script> ?>
dit staat op de plek waar ik dat uitklap menu heb:
<?php
<div id="dhtmlgoodies_control"><a href="#" onclick="slidedown_showHide('box1');return false;" form id="mainform" name="mainform" method="post" action="<?php echo WEBSITE_URL?>/ads/search.php"></div>
?>
en dit is het gene wat ik wil uit laten klappen:
<?php
<div>
<div class="dhtmlgoodies_contentBox" id="box1">
<div class="dhtmlgoodies_content" id="subBox1">
<p>
<select class="pricer select" name="rooms" value="<?php echo $sf_kamers?>
<option value=""></option>
<option value="0">Aantal Kamers</option>
<option value="1">1 + </option>
<option value="2">2 + </option>
<option value="3">3 + </option>
<option value="4">4 + </option>
<option value="5">5 + </option>
<option value="6">6 + </option>
<option value="7">7 + </option>
<option value="8">8 + </option>
<option value="9">9 + </option>
<option value="10">10+ </option>
</select>
</p>
<!-- End slide down content -->
</div>
</div>
?>
2.031 views
