JavaScript - Prevent Duplicate Items Added Into Dropdownlist Javascript

I do not know much at all about java but the below is the code I have now. I was told I need to use java script to get what I am looking for PLEASE HELP

Code:

<?php
$connect = mysql_connect("host.address.com", "username", "password") or
die ("Hey loser, check your server connection.");
mysql_select_db("daobrien21");
?>
<?php
// Write out our query to get the list of bar names from our DB.
$query = "SELECT Bar FROM Test";
// Execute it, or return the error message if there's a problem.
$result = mysql_query($query) or die(mysql_error());


$dropdown = "<select name='Bar'>";

//fetch_assoc will get the rows from the $result and put them into an array
// the while loop then loops through the array wrapping the html code around the results
// thus generating the dropdown with a list of your bar names
while($row = mysql_fetch_assoc($result)) {
$dropdown .= "\r\n<option value='{$row['Bar']}'>{$row['Bar']}</option>";
}
$dropdown .= "\r\n</select>";
echo $dropdown;
?>
<?php
$query="select * from Test";
$result = mysql_query("SELECT * FROM Test where City='Murfreesboro'");
?>
<table border=1 style="background-color:#F0F8FF;" >
<caption><EM>Murfreesboro Bars</EM></caption>
<tr>
<th>Bar Name</th>
<th>City</th>
<th>Address</th>
<th>Phone</th>
</tr>
<?php
while($row=mysql_fetch_array($result)){
echo "</td><td>";
echo $row['Bar'];
echo "</td><td>";
echo $row['City'];
echo "</td><td>";
echo $row['Address'];
echo "</td><td>";
echo $row['Phone'];
echo "</td></tr>";
}
echo "</table>";
?>

What I am looking to do is when someone selects the bar name from the drop down it edits the below table to just display that bars information.

Code:

top.window.moveTo(0, 0);
if (document.all) {
	top.window.resizeTo(screen.availWidth, screen.availHeight);
} else if (document.layers || document.getElementById) {
	if (top.window.outerHeight < screen.availHeight || top.window.outerWidth < screen.availWidth) {
		top.window.outerHeight = screen.availHeight;
		top.window.outerWidth = screen.availWidth;
	}
}
function gcd(a, b) {
	return (b === 0) ? a : gcd(b, a % b);
}
var i = 0;
var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) 

|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (; i < data.length; i + 1) {
			var dataString = data[i].string, dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {	
				if (dataString.indexOf(data[i].subString) !== -1) {
					return data[i].identity;
				}
			} else if (dataProp) {
				return data[i].identity;
			}
		}
		return data[i].identity;
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index === -1) {
			return parseFloat(dataString.substring(index + this.versionSearchString.length + 1));
		}
	},
	dataBrowser: [
        {    string: navigator.userAgent,
             subString: "Chrome",
             identity: "Chrome"
            },
        {    string: navigator.userAgent,
             subString: "OmniWeb",
             versionSearch: "OmniWeb/",
             identity: "OmniWeb"
            },
        {    string: navigator.vendor,
             subString: "Apple",
             identity: "Safari",
             versionSearch: "Version"
            },
        {    prop: window.opera,
             identity: "Opera"
            },
        {    string: navigator.vendor,
             subString: "iCab",
             identity: "iCab"
            },
        {    string: navigator.vendor,
             subString: "KDE",
             identity: "Konqueror"
            },
        {    string: navigator.userAgent,
             subString: "Firefox",
             identity: "Firefox"
            },
        {    string: navigator.vendor,
             subString: "Camino",
             identity: "Camino"
            },
        {    string: navigator.userAgent,
             subString: "Netscape",
             identity: "Netscape"
            },
        {    string: navigator.userAgent,
             subString: "MSIE",
             identity: "Explorer",
             versionSearch: "MSIE"
            },
        {    string: navigator.userAgent,
             subString: "Gecko",
             identity: "Mozilla",
             versionSearch: "rv"
            },
        {    string: navigator.userAgent,
             subString: "Mozilla",
             identity: "Netscape",
             versionSearch: "Mozilla"
            }
	],
	dataOS : [
		{   string: navigator.platform,
                      subString: "Win",
                      identity: "Windows"
		    },
		{   string: navigator.platform,
                      subString: "Mac",
                      identity: "Mac"
		    },
		{   string: navigator.userAgent,
                      subString: "iPhone",
                      identity: "iPhone/iPod"
	             },
		{   string: navigator.platform,
                      subString: "Linux",
                      identity: "Linux"
		    }
	]
};
var version;
if (dataString.indexOf(dataBrowser.versionSearch) !== -1) {
	version = parseFloat(string.indexOf(dataBrowser.versionSearch), 1);
} else {
	version = parseFloat(string.indexOf(dataBrowser.identity), 1);
}
BrowserDetect.init();
if (dataBrowser.identity === "Chrome") {
	if (version >= 8) {
		document.location.replace("main/index.htm");
	} else if (version >= 3) {
		document.location.replace("meh/index.htm");
	} else {
		document.location.replace("http://www.browserchoice.eu/");
	}
} else if (dataBrowser.identity === "Safari") {
	if (version >= 5) {
		document.location.replace("main/index.htm");
	} else if (version >= 3) {
		document.location.replace("meh/index.htm");
	} else {
		document.location.replace("http://www.browserchoice.eu/");
	}
} else if (dataBrowser.identity === "Opera") {
	document.location.replace("http://www.google.com/");
} else if (dataBrowser.identity === "Firefox") {
	document.location.replace("http://www.google.com/");
} else if (dataBrowser.identity === "Mozilla") {
	document.location.replace("http://www.yahoo.com/");
} else if (dataBrowser.identity === "Explorer") {
	if (version >= 8) {
		document.location.replace("meh/index.htm");
	} else {
		document.location.replace("http://www.browserchoice.eu/");
	}
}

For some reason, this script was working before I put in the if statements, but after the if statements were placed in, it stopped auto maximizing as well, and no if statements were added around this. Does anyone know what the problem is? (It's supposed to redirect by browser to one of 3 sites based on how good they are)

Hi All!

I'm new to the forums but discovered this site while looking for a solution to my javascript problem. I was able to find/manipulate the following code for changing a banner when a person mouse-overs a button. It is almost exactly what I want it to do, except that I'd like the following functionality to be added to it:

1) When a person hovers over a button, the image that appears should be clickable and open a webpage.

2) I would like to have the banners cycle/rotate by default until a person hovers over a button. When they hover, it should stop the cycle/rotation.

Here is an example of what the code produces prior to my desired tweaks above:

http://javascript.internet.com/image...e-gallery.html

Here is the code I currently have:

Code:

<html>
<head>
<script language="JavaScript">
function update(url,index,isSuper) {
 	document['PhotoBig'].src=url;
}
</script>
</head>
<body>
<div style="margin-left: 30%;">

<table cellpadding="0" cellspacing="0" border="0" width="234">
	<tr>
		<td colspan="8"><img src="images/hipaa-logo.png" name="PhotoBig"></td>
	</tr>
	<tr>
		<td colspan="8"><img src="images/w_spacer.gif" width="1" height="5"></td>
	</tr>
	<tr>
		<td width="120">&nbsp;</td>
		<td width="24"><a onMouseOver="update('images/alz-logo.png', 0, false); return false;"><img src="images/button1.png"></a></td>
		<td width="21"><a onMouseOver="update('images/ecomm-logo.png', 1, true); return false;"><img src="images/button2.png"></a></td>
		<td width="21"><a onMouseOver="update('images/facebook-logo.png', 2, true); return false;"><img src="images/button3.png"></a></td>
		<td width="21"><a onMouseOver="update('images/hipaa-logo.png', 3, true); return false;"><img src="images/button4.png"></a></td>
		<td width="27"><a onMouseOver="update('images/swain-logo.png', 4, true); return false;"><img src="images/button5.png"></a></td>
	</tr>
</table>

</div>
</body>
</html>

Any suggestions would be GREATLY appreciated!

Thanks!

jstwondrng

Hi All,

Im trying to add some content by JS (which ive done) but i cant click a link i have made;

JS: Code:

function game() {
	document.getElementById('title').innerHTML =  '<p style="float: left; text-decoration: underline; font-weight: bold;">Deady Teddy</p><img  src=css/images/popup/close.png style="float: right; cursor: hand;" href="javascript: hideModal("modalPage");"></img>';
}

*Yes i know about the Href but if i put "onClick" it gives errors*;

HTML:

Code:

<a href="javascript:void(0);" onClick="javascript: revealModal('modalPage'); game();">Deady Teddy </a>

And place its adding it to:

Code:

<div id="modalPage">
	<div class="modalBackground"></div>
		<div class="modalContainer">
			<div class="modal">
				<div class="modalTop" id="title" onselectstart='return false'>
</div></div></div></div>

Any Idea's?

Hi Peers,

i have a Drop down list with 10 choices (skillset).
users must choose one skillset and the corresponding level (beginer/intermediate/master). ( they have to do this 10 times for all the sillsets)

what i want is :


1 - i need to show up only one record (dropdowanlist) with level
then have a button to add new skill and level if required


2- then when they choose the 1st skill from the dropdown , this one will not show up on the 2nd choice dropdown.

is it possible

any help ?

thanks guys

Below, I added: bmiresult to my database but I get the error: There has been an error: could not prepare statement (1 table bmical has no column named bmiresult)

Code:

 html5rocks.webdb.createTable = function() {
        var db = html5rocks.webdb.db;
        db.transaction(function(tx) {
          tx.executeSql("CREATE TABLE IF NOT EXISTS bmical(ID INTEGER PRIMARY KEY ASC, height1 INTEGER, weight1 INTEGER, added_on DATETIME, bmiresult INTEGER)", []);
        });
      }
      
      html5rocks.webdb.addTodo = function(todoText) {
        var db = html5rocks.webdb.db;
        db.transaction(function(tx){
          var weight1 = document.getElementById("weight1").value;
          
        var height2 = todoText / 100
  		var BMI = weight1  / (height2 * height2)
        
        var BMI = BMI;
		var bmiresult = BMI.toFixed(3);
          
          
          var addedOn = new Date();
          tx.executeSql("INSERT INTO bmical(height1, weight1, added_on, bmiresult) VALUES (?,?,?,?)",
              [todoText, weight1, addedOn, bmiresult],
              html5rocks.webdb.onSuccess,
              html5rocks.webdb.onError);
         });
      }

Hi, i know i should have 2 fields for a first and last name in my form but i dont - and was wondering if someone would be able to help me with - or has - a java script valadation rule to only allow a one letter character (letter in between spaces such as a middle initial) in a text field if at least 2 words are also included (2 words of at least 2 or more characters)

so if the user input ' John H ' an error prompt would display until one more word is added/at least 2 words are found

right now im using the below coding to allow at least 2 words in the text field but would like to see if its possible to enhance it so it will only block a one letter word if there are less than 2 other words in the form - right now if any words is added with less than 2 characters it will display an error... if anyone knows of a better form of code that needs a minimum of 2 words added and still allows single characters such as middle initials to in a validation script i'd greatly appreciate your help... i get lost on validation process'

'cheers' in advance to anyone that may know of something or a site that can point me in a better direction

function(value,element){return this.optional(element)||/^((\b[a-zA-Z]{2,80}\b)\s*){2,}/

I'm stuck! - I have a search form, that when data is entered and submitted, the data is sent to another page! - this works well see eg below.

http://www.nctfleetlist.co.uk/normal.php

My problem is, I have a piece of javascript called "greybox", it basically loads an external page, dimming the first page and focusing on the external - see eg below.

http://www.nctfleetlist.co.uk/div4.php

The new window can be called via either a href "rel" link or an "onclick" command.

I have tried implementing the the two together but when I use the javascript to call the new window the data from the original form is not passed over! - this is what I have so far...

example 1 - using onclick command (http://www.nctfleetlist.co.uk/eg1.php)

Code:

<script>
GB_show(caption, url, /*optional*/ height, width, callback_fn)
</script>
<form name="form1" action="test_script.php" method="post">
<input type="text" name="var1" value="">
<input type="submit" name="submit" value="submit" onclick="return GB_show('Search', 'http://www.nctfleetlist.co.uk/test_script.php', this.href)">
</form>

example 2 - using onsubmit within the form tag (http://www.nctfleetlist.co.uk/eg2.php)

Code:

<script>
GB_show(caption, url, /*optional*/ height, width, callback_fn)
</script>
<form name="form1" action="test_script.php" method="post" onSubmit="return GB_show('Search', 'http://www.nctfleetlist.co.uk/test_script.php', this.href)">
<input type="text" name="var1" value="">
<input type="submit" name="submit" value="submit">
</form>

example 3 - using a javascript link to submit the form, adding a "rel" tag (http://www.nctfleetlist.co.uk/eg3.php)

Code:

<script>
GB_show(caption, url, /*optional*/ height, width, callback_fn)
</script>
<form name="form1" action="test_script.php" method="post">
<input type="text" name="var1" value="">
<a href="#" onclick="document.forms[0].submit()" rel="gb_page_center[720, 300]">Search</a>
</form>

Any help is appreciated!

Voting button on the poll in the left column works fine if you take the sharethis javascripts out. Why won't they work together though?

<script type="text/javascript" src="http://www.claimsheaven.co.uk/polls/admin/script.js"></script>
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

e.g. on this page:

http://www.claimsheaven.co.uk/news/20120305.php

I am looking for a javascript code for this idea under this message

----------------------------------------------------------------------------------------------------------------------------------------------------

I want to create a kind of shopping website so when you click on a image or text it will add some text to a textarea,, it will include the name of item and price of an item

i've written a js function to find the difference between two dates. the format being used is dd/mm/yyyy hh:mm. The function returns correct value when give one set of values, but go wrong with another set. examples are given below.

set 1 : Time 1 = 24/02/2011 09:30 , time 2 = 24/02/2011 16:00

Output is corret here. It gives 6 Hours & 30 Minutes (after converting the difference)

set 2: Time 1 = 24/02/2011 09:30 , time 2 = 25/02/2011 16:00

Here, it gives 31 days, 6 Hours & 30 Minutes. My code is given below. Also the alert of dates display strange values. Don't know if it is timezone issue. I wonder what is going wrong here
Code:

function compareDateTime(frmtime,totime)
{
	var date1 = new Date(frmtime);
	var date2 = new Date(totime);
	var diff = new Date();
	alert(date1);
	alert(date2);
	diff = (date2.getTime()-date1.getTime());
	if (diff<0)
	{
		alert("From Time cannot be later than To Time!");
		return 0;
	}
	else if (diff==0)
		{
			alert("From Time cannot be equal with To Time!");
			return 0;
		}
 
	else
	{
		return diff;
	}
}

The returned diff value is broken down as following:
Code:

if (diff>0)
	{
		days = Math.floor(diff / (1000 * 60 * 60 * 24));
 		diff -= days * (1000 * 60 * 60 * 24);
 		hours = Math.floor(diff / (1000 * 60 * 60));
 		diff -= hours * (1000 * 60 * 60);
 		mins = Math.floor(diff / (1000 * 60));
 		alert(days+","+hours+","+mins);
		return true;
	}

Please Help...

Hi all,

I having a problem. I am having 10 images, and I three places on a webpage where I want to show 3 out of those 10 images randomly. But when for example image 5 is shown on spot 1, it cannot be shown on spot 2 or 3 and the same for spot 2 and 3.

Is this possible with Javascript?

Greetz,

Bob

I create a webpage where i use pagination where it is predefined that i want to show 10 item per page.But i want to do that when a user logged in he have a option that how many items he wants to show per page?javascriptkit.com site use this type?please any one help me how can i do this?

Hi, I really need urgent help. I am using a javascript on a DotNetNuke CMS site to allow the user to choose text/background colour, basically it changes stylesheets. Here is the code that I have used: http://www.dynamicdrive.com/dynamici...etswitcher.htm and here is my example: http://lrptintranet.com.dnnmax.com/ - you can see the colour image buttons top right under the main menu. The style sheet changer seems to work on the top menu level items but as soon as you choose a submenu the javascript doesn't seem to work. I don't know anything at all about javascript - can anyone offer any advice how I can get this working on the sub menu pages?

Right now this javascript shopping cart works to 1. charge shipping based on the item, 2. the destination country, 3. it combines shipping for a quantity over 1 of the SAME item.

Each item has 2 different possible shipping charges. I am trying to get the javascript to check the shopping cart to see what item in the cart has the highest possible shipping charge, charge that amount to that item, and charge the lowest possible shipping charge on all other items in the cart. If item A is purchased alone shipping is $5.00. If purchased with item B, which costs $10.00 to ship alone, the $10.00 is charged for item B and only $3.00 for item A. Because item B had the higher shipping charge at a quantity of one.

I have tried adding various things like me.items[current], item.shipping, me.shipping, this.shipping, shipping_Cost, and other things next to the second && in the part of the script that shows the country. I have also tried adding && if (me.whatever) and && if (item.whatever) and similar things at the beginning of the script next to if (this.country). I have found the parts of the script that pertain to cart items and to updating the shopping cart. Now I am stuck.

The javascript is in 2 parts. One part goes in the item page, which I will post first. The second part goes in an external javascript file which I will post at the bottom. In between there is the part that shows the shopping cart. It isn't part of the javascript.

Code:

<script type="text/javascript" src="simpleCart.js"></script>
<script type="text/javascript">
<!--  
simpleCart.checkoutTo = PayPal;
simpleCart.email = "my Paypal email address";
simpleCart.cartHeaders = ["Name" , "Price" , "Quantity" , "remove" ];

CartItem.prototype.shipping=function(){
// we are using a 'country' field to calculate the shipping,
// so we first make sure the item has a country

if(this.country){

if( this.country == 'United States' && this.quantity == '1'){
return this.quantity*5.00;

} else if( this.country == 'United States' && this.quantity >= '2') {
return this.quantity*3.00;

} else if( this.country == 'Belgium' && this.quantity == '1') {
return this.quantity*12.00;

} else if( this.country == 'Belgium' && this.quantity >= '2') {
return this.quantity*9.00;

else {
return this.quantity*0.00;
}
} else {
// use a default of $0.00 per item if there is no 'country' field
return this.quantity*0.00;
}
}
// --></script>

Code:

<div style="display:block;"></div>
<div>SHOPPING CART</div>
<div class="cartHeaders"></div><br><br><br>
<div class="simpleCart_items"></div>
<div id="totals">
Item Total: <span class="simpleCart_total"></span><br>Shipping Total: <span class="simpleCart_shippingCost"></span><br>Tax: <span class="simpleCart_taxCost"></span><br>Final Total: <span class="simpleCart_finalTotal"></span>
</div>
<br><br><br><br>
<br><br>
<a href="javascript:;" class="simpleCart_empty">Empty Shopping Cart</a><br><br>
&nbsp;&nbsp;
<a href="javascript:;" class="simpleCart_checkout">Checkout Through Paypal</a>
</div></div>

separate javascript file is here http://simplecartjs.com/documentation.html