ik heb een script gevonden op internet met het effect dat ik wil.
de bedoeling is dat het formulier naar beneden klapt, als ik met mijn muis over de button ga.
Nu heb ik het script aan mijn button gekoppeld en dat werkt ook gewoon, maar het lukt mij niet om hem zo te plaatsen dat hij precies dezelfde breedte als mijn button heeft en hij dus uit mijn button naar beneden komt gerold.
vraag 1 hoe maak ik van het plaatje de button waar ik daarna het script aan koppel.
vraag 2 wat voor opmaak in css kan ik aan passen zo dat in de positie kan bepalen van het uit klap scherm .
hier heb is alles in een ziphttp://www.proboxdesign.nl/test/dropdown.zip
als iemand mij hiermee verder zou kunnen helpen zou ik daar ontzettend blij mee zijn want ik ben zelf al een hele tijd mee bezig.
de bedoeling is dat het formulier naar beneden klapt, als ik met mijn muis over de button ga.
Nu heb ik het script aan mijn button gekoppeld en dat werkt ook gewoon, maar het lukt mij niet om hem zo te plaatsen dat hij precies dezelfde breedte als mijn button heeft en hij dus uit mijn button naar beneden komt gerold.
vraag 1 hoe maak ik van het plaatje de button waar ik daarna het script aan koppel.
vraag 2 wat voor opmaak in css kan ik aan passen zo dat in de positie kan bepalen van het uit klap scherm .
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>script.aculo.us Effects functional test file</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="lib/prototype.js" type="text/javascript"></script>
<script src="src/scriptaculous.js" type="text/javascript"></script>
<script src="lib/unittest.js" type="text/javascript"></script>
</head>
<body>
<a href="#" onclick="Effect.toggle('d1','slide'); return false;">Toggle slide</a>
<img src="images/blue.png" width="309" height="69" />
<div id="d1" style="display:none;"><div style="background-color:#fff;width:303px;border:2px solid red;padding:10px;">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas enim. Nulla facilisi. Vestibulum accumsan augue vulputate justo. Fusce faucibus. Sed blandit, neque sed lacinia nonummy, diam quam imperdiet justo, at dictum augue nunc a neque. Sed urna lacus, tincidunt at, aliquam id, fringilla id, felis. Vivamus feugiat molestie quam. Sed id dolor. Sed ac purus id sapien </p>
</div></div>
</body>
</html>als iemand mij hiermee verder zou kunnen helpen zou ik daar ontzettend blij mee zijn want ik ben zelf al een hele tijd mee bezig.
