WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Rullgardin som är beroende av rullgardin? (https://www.wn.se/forum/showthread.php?t=3024)

Rasmus 2004-08-07 17:49

Jag är på jakt efter ett enkelt script för att använda 2 rullgardiner, en där man väljer kategori och en där man väljer underkategori. Den som man väljer underkategori ska anpassa sig efter vad man väljer i den första. Något förslag?

Edit: exempel finns på http://browse.deviantart.com/

festiz 2004-08-07 22:01

Förstår inte vad det är du behöver hjälp med? Det är ju samma sak som finns på dustin för deras produkter. Vad är det du behöver hjälp med? Sno scriptet och läs igenom det, kolla så du fattar det, läs det igen, och skriv sen om det själv som du vill ha det.

Rasmus 2004-08-07 22:45

Citat:

Originally posted by festiz@Aug 7 2004, 22:01
Förstår inte vad det är du behöver hjälp med? Det är ju samma sak som finns på dustin för deras produkter. Vad är det du behöver hjälp med? Sno scriptet och läs igenom det, kolla så du fattar det, läs det igen, och skriv sen om det själv som du vill ha det.
Jag har försökt det men inte lyckats, har aldrig "snott" något JavaScript förut, men min erfarenhet säger mig att en del av den bör ligga inom head och den andra delen ligger nere i scriptet. Skulle vara bra om någon kunde hjälpa mig.

Jag har bara fått fram detta från deviantart, och det funkar inte, subcategories verkar inte ha några alternativ, vet inte var jag ska hitta de.

Kod:

<script type="text/javascript">
//<![CDATA[

// Note: Not DOM compatible
function getsubcategories(aForm, anArray) {
        var selIndex = aForm.category.selectedIndex;
        aForm.subcategory.options.length = 0;
        aForm.subcategory.options[0] = new Option("All Subcategories", "");
        if (!anArray[selIndex])
 return;
        for (var i = 0, n = 1; i < anArray[selIndex].length; i++) {
 aForm.subcategory.options[n++] = new Option(
        anArray[selIndex][i][1],
        anArray[selIndex][i][0]
 );
        }
        aForm.subcategory.selectedIndex = 0;
}
//]]>
</script>

<input type="hidden" name="ref" value="http://browse.deviantart.com/" />
<div class="type">
        <!--ul>
        <li class="selected"><a href="http://browse.deviantart.com/">All</a></li>
        <li><a href="http://prints.deviantart.com/?order=9">Prints</a></li>
        <li><a href="http://wp.deviantart.com/">Wallpapers</a></li>
        <li><a href="http://dd.deviantart.com/">Daily Deviations</a></li>
        <li><a href="http://scraps.deviantart.com/?startts=1091865622&amp;endts=1091952022">Scraps</a></li>
        </ul-->
</div>
<div class="order">
<div class="category">
        <label for="category">Category:</label>

        <select id="category" name="category" onchange="getsubcategories(this.form, subcatArray)">
        <option value="">All Deviations</option>
 <option value="artgroups">Art Groups</option>
 <option value="cell">Cell Phone Art</option>
 <option value="contests">Contests</option>
 <option value="currentevents">Current Events</option>

 <option value="designs">Designs &amp; Interfaces</option>
 <option value="darelated">deviantART Related</option>
 <option value="digitalart">Digital Art</option>
 <option value="flash">Flash</option>
 <option value="handhelds">Handhelds</option>

 <option value="icons">Icons</option>
 <option value="modules">Modules &amp; Plugins</option>
 <option value="mosaics">Mosaics</option>
 <option value="photography">Photography</option>
 <option value="poetry">Poetry</option>

 <option value="prose">Prose</option>
 <option value="resources">Resources</option>
 <option value="screenshots">Screenshots</option>
 <option value="skins">Skins &amp; Themes</option>
 <option value="stockart">Stock Photos</option>

 <option value="traditional">Traditional Art</option>
 <option value="visualization">Visualization Presets</option>
 <option value="wallpaper">Wallpaper</option>
 </select>
</div>
<div class="sub-category">
        <label for="subcategory">Subcategory:</label>
        <select id="subcategory" name="subcategory">

        <option value="">All Subcategories</option>
        </select>
</div>


Rasmus 2004-08-08 10:31

Hittade en kod för det som fungerar, tack iaf.


Alla tider är GMT +2. Klockan är nu 23:50.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson