flytte noen innstillinger ut i en egen popup el.

[pmonstad]

Jeg har en nettside laget i javascript. Denne har en del innstillinger som pr. i dag ligger nederst i skjermbildet. For det første tar disse etter hvert en del plass, men viktigst, de virker forstyrrende inn på resten av siden.

 

Jeg trenger hjelp til å flytte disse innstillingene inn i en egen popup-box el. I stedet for at alle innstillingene ligger på hovedsiden skal det kun ligge en knapp der som kaller opp en box hvor innstillingene gjøres. Etter at bruker har gjort ønskede innstillinger lukkes popup-boxen og endringene er gjort gjeldende.

 

Jeg har følgende innstilllinger:

 

<label><select id="select"><option/></select></label>

<label>Pause:<input type="text" id="limit" value="1.3"/></label>

<label>Vis:<input type="text" id="show" value="0.8"/></label>

<label>Vokal:<input type="checkbox" onclick="javascript:convert_vokal()" id="vokal"/></label>

 

<label>Store:<input type="checkbox" onclick="javascript:convert_uppercase()" id="uppercase"/></label>

<label>Tilfeldig:<input type="checkbox" onclick="javascript:switch_random()" id="use_random"/></label>

<label>Bakgrunn:</label>

<button onClick="javascript:changeBGC('blue')">Blå</button>

<button onClick="javascript:changeBGC('white')">Hvit</button>

<button onClick="javascript:changeBGC('black')">Svart</button>

<label>Skrift:</label>

<button onclick="javascript:changeTextColor('black')">Svart</button>

<button onclick="javascript:changeTextColor('white')">Hvit</button>

<button onclick="javascript:changeTextColor('yellow')">Gul</button>

</div>

 

De fleste menyvalgene kaller opp noen egendefinerte funksjoner.

 

Noen som kan hjelpe meg med dette?

[Crowly]

Ta en titt på jQuery-UI sin dialog: http://jqueryui.com/dialog/

 

html:

<div id="settings" style="display: none">

<label><select id="select"><option/></select></label>
<label>Pause:<input type="text" id="limit" value="1.3"/></label>
<label>Vis:<input type="text" id="show" value="0.8"/></label>
<label>Vokal:<input type="checkbox" onclick="javascript:convert_vokal()" id="vokal"/></label>
<label>Store:<input type="checkbox" onclick="javascript:convert_uppercase()" id="uppercase"/></label>
<label>Tilfeldig:<input type="checkbox" onclick="javascript:switch_random()" id="use_random"/></label>
<label>Bakgrunn:</label>
<button onClick="javascript:changeBGC('blue')">Blå</button>
<button onClick="javascript:changeBGC('white')">Hvit</button>
<button onClick="javascript:changeBGC('black')">Svart</button>
<label>Skrift:</label>
<button onclick="javascript:changeTextColor('black')">Svart</button>
<button onclick="javascript:changeTextColor('white')">Hvit</button>
<button onclick="javascript:changeTextColor('yellow')">Gul</button>
</div>

 

javascript (jQuery)

$('#settings').dialog({
 title: 'Oppsett',
 modal: true,
 buttons: { 'Lukk': function() { $(this).dialog('close'); } }
});

Endret 12. november 2012 av Crowly

[pmonstad]

Takk. Hvordan kan jeg legge dette menyvalget slik at jeg åpner menyvinduet fra en menyknapp, fra en <button onclick...?

[pmonstad]

Glemt det, jeg fikk det til likevel med litt fikling :-) Tusen takk for hjelpen!