We're looking for JavaScript codes / mini tutorials.

JdS · #1 07-Nov-2003, 05:30

Yes, it's that time of the year again: we're hoping to develop custom bbcodes for JavaScript codes. To get this done, our plan is to do a couple of things:

Open a new forum just for JavaScript.
Encourage some 'JavaScript enabled' members to post some snippets of JavaScript codes and/or mini tutorials (so that the custom bbcodes for JavaScript can be tested).

If you're a JavaScript 'expert' and would like to contribute / participate, please post your snippets of JavaScript code and/or mini tutorials inside the Web Design Forums in the meantime. Once there are at least 3 JavaScript related threads, we will move these threads into a brand new forum just for JavaScript.

Meanwhile, I will also welcome suggestions for the colours for a JavaScript bbcode box. Here are the samples off existing custom bbcodes found here on GIDForums™.

BobbyDouglas · #2 07-Nov-2003, 10:48

A nice purple might do the trick, for the table color try 6F6FD0.

JdS · #3 08-Nov-2003, 00:23

You read my mind; I was thinking 'purplish' too but the colour you suggested seems to be a bit on the darker side - think 'pastel'!

tycooner · #4 31-Mar-2005, 15:13

I am a really good Javascript programmer, but I work better with Invisionfree's forums. I created a shop, a suggestion box, a skin switcher, a simple Javascript function that is the equivilant of PHP's $_GET['x']

I need ideas in general to create code, however, so that's my main weakness. I'd probably be interested in a Javascript forum, although the majority of my energy is being focused on PHP right now.

desbest · #5 04-Nov-2005, 01:26

Where will we find the codes? once they're submitted?

notanexpert · #6 14-Dec-2005, 09:43

This is a snippet where using two large selects, you can add and remove from one into the other.

HTML Code:


<html>
<head>
<title></title>
<script type="text/javascript">
function addOption (aSelect, text, value, before) {
	if (!aSelect) {
		return false;
	}
	var o = document.createElement('option');
	o.text = text;
	o.value = value;
	if (!before) {
		before = null;
	}
	try {
		aSelect.add(o, before)
	} catch (er) {
		try {
			if (!isNaN(before) && before != null) {
				before = aSelect.options[before];
			} 
			aSelect.add(o, before);
		} catch (err) {
			aSelect.add(o);
		}
	}
}
function moveOption (sourceEl, targetEl) {
	addOption(targetEl, sourceEl.options[sourceEl.selectedIndex].text, sourceEl.options[sourceEl.selectedIndex].value);
	sourceEl.remove(sourceEl.selectedIndex);
}
</script>
</head>
<body>
<form>
<table>
<tr>
<td>
<select size="5" style="width:100px;" id="source" ondblclick="document.getElementById('add').click();">
	<option>Option 1</option>
	<option>Option 2</option>
	<option>Option 3</option>
	<option>Option 4</option>
	<option>Option 5</option>
	<option>Option 6</option>
	<option>Option 7</option>
</select>
</td>
<td>
<button type="button" id="add" onclick="moveOption(this.form.elements['source'],this.form.elements['target'])">&gt;&gt;</button><br>
<button type="button" id="del" onclick="moveOption(this.form.elements['target'],this.form.elements['source'])">&lt;&lt;</button>
</td>
<td>
<select size="5" style="width:100px;" id="target" ondblclick="document.getElementById('del').click();">
</select>
</td>
</tr>
</table>
</form>
</body>
</html>

sreeja · #7 13-Nov-2007, 04:49

I will looking in to it.

Leo F. Swiontek · #8 01-Apr-2008, 00:25

Yes, you can find tutorials at www.w3schools.com . Here are step by step tutorials.

Leo F. Swiontek

neutron · #9 23-Nov-2008, 04:27

you can find readymade js codes from javascript.internet.com

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
New bbcode - [PHP]codes[/PHP]	admin	GIDForums™	0	25-Aug-2002 10:27

We're looking for JavaScript codes / mini tutorials.

Re: We're looking for JavaScript codes / mini tutorials.

add, remove data from 2 large selects

Re: We're looking for JavaScript codes / mini tutorials.

Re: We're looking for JavaScript codes / mini tutorials.

Re: We're looking for JavaScript codes / mini tutorials.