/    Sign up×
Community /Pin to ProfileBookmark

Windows type cutomization tool in javascripr

Copy linkTweet thisAlerts:
Nov 29.2007

I want to develop interface simalar to the windows customization tools in windows explorer….
i am pasting the prototype of image

Srry for bad qualtiy of image …
i can help because of size restriction…
Plz help……….
Thanks inadvance

[upl-file uuid=fd37f43d-610d-4ad5-b844-2faf332d1d9e size=92kB]New Bitmap Image (2).bmp[/upl-file]

to post a comment
JavaScript

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangNov 29.2007 — 2 unordered lists and a form; start by writing the html
Srry for bad qualtiy of image ...

i can help because of size restriction...[/QUOTE]Upload as .gif, never as .bmp
Copy linkTweet thisAlerts:
@dhirajloveinauthorNov 29.2007 — Hi

i ahve already designed Html code.... Now i need asistance for the functionality of buttons.... "ADD remove up and down"

Thank you

[upl-file uuid=7673d722-81d2-4a32-9675-fcd6dd93b36f size=22kB]ax.GIF[/upl-file]
Copy linkTweet thisAlerts:
@FangNov 29.2007 — Here's a start:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Copy selection from one box to another</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
<!--
function Add() {
var f=document.myform;
//get # options in 2nd box
var S2len=f.RightBox.length;
//find selected in 1st box
for(i=0; i<f.LeftBox.length; i++) {
if(f.LeftBox[i].selected) {
//insert selected item in 2nd box & update index
f.RightBox.options[S2len++]=new Option(f.LeftBox[i].text, f.LeftBox[i].value, true, true);
}
} <br/>
}
function Remove() {
var f=document.myform;
//find selected in 2nd box
for(i=0; i&lt;f.RightBox.length; i++) {
if(f.RightBox[i].selected) {
//remove selected item from 2nd box
f.RightBox.options[i]=null;
}
} <br/>
}
//--&gt;
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form name="myform" action="#"&gt;
&lt;table&gt;
&lt;tr&gt;
&lt;td rowspan="3"&gt;
&lt;select name="LeftBox" ondblclick="Add()" size="10" multiple&gt;
&lt;option value="a"&gt;apple&lt;/option&gt;
&lt;option value="b"&gt;banana&lt;/option&gt;
&lt;option value="c"&gt;cranberry&lt;/option&gt;
&lt;/select&gt;
&lt;/td&gt;
&lt;td align="center"&gt;
&lt;input type="button" name="cmdAdd" value=" Add &amp;gt;&amp;gt; " onclick="Add()"&gt;
&lt;/td&gt;
&lt;td rowspan="3"&gt;
&lt;select name="RightBox" ondblclick="Remove()" size="10" multiple&gt;

<i> </i> &lt;/select&gt;
<i> </i>&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align="center"&gt;
&lt;input type="button" name="cmdRemove" value="&amp;lt;&amp;lt; Remove" onclick="Remove()"&gt;
&lt;br&gt;&lt;small&gt;or double-click a selection&lt;/small&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
Copy linkTweet thisAlerts:
@dhirajloveinauthorNov 29.2007 — Thanks MAn............

excellent job

Its almot done but i had already developed similarly........

But according My requiement we can only ADD once from one list box.....

also up and down key to rearrange element on rt box.......
Copy linkTweet thisAlerts:
@FangNov 29.2007 — If you already have something similar, why the need for a script?
Copy linkTweet thisAlerts:
@dhirajloveinauthorNov 29.2007 — Sorry Brother......

I was not able to do all the things.....

i need other functioality which i wrote before...

Please help me to acheive other functioality....

I want my interface similar to the interface which is in windows explorer -> cutomize toolbar...........

Thank you i advance.........
Copy linkTweet thisAlerts:
@FangNov 29.2007 — Without seeing what you have already done I can't help.
Copy linkTweet thisAlerts:
@dhirajloveinauthorNov 29.2007 — Srry yaar but my code is in my system but its very similar to yours....

it is not as good as yours..

I was just adding from list box.....

If u can enhance your code.... for my requirement....

i will be highly grt ful to u.......


Thanks

Dhiraj
Copy linkTweet thisAlerts:
@dhirajloveinauthorNov 29.2007 — Rt now i am using my frds system...... mine is having some hardware issue
×

Success!

Help @dhirajlovein spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...