Web Development

how to pass the slected option from a html drop down list to a java script variable??

12-Nov-10 5:16

It sounds like the real test was to make a functional frame work within the alotted time and you missed it.

A customer will often ask for things in a short amount of time it is up to you to make design decisions that allow you to get to your presentation and show your customers they made the right choise in hirering you.

Give them something that works first, specially if the deadline is short. You can always add to the work later or if that is the last deadline, speak with them and point out issues that you have, with using a flat file for example and talk them into upgrading to a database server, at and addition charge (we don't work for free). Then set a deadline for that if they agree, one you are certain you can make.

The first thing you must do with a customer is meet their expectations! Not yours.

All the Best,
Chris J.

BTW - on a side note and as a general rule I have. I never allow for password retrieval, I have security conserns with that. I instead have the password reset using the original email and email confirmation. I would provide a user profile editor that will allow a logged in user to change thier password at any time. When they reset a randome one is set and email to the user when the system gets a confirmation from the user. Of course I explain my concerns to a customer in this issue and if they still want retrieval I will make it.

krrish chaitanya4-Nov-10 0:20

krrish chaitanya

4-Nov-10 0:20

This is my drop down list..If i select Others here..i need to dispalya text box..and pass that text box value to a java script variabble

<select id="dept">
                <option value="Dept1">Dept1</option>
                <option value="Dept2">Dept2</option>
                <option value="Dept3">Dept3</option>
                <option value="Others">Others</option>
            </select>

Re: how to pass the slected option from a html drop down list to a java script variable??

Jules VDV4-Nov-10 4:39

Jules VDV

4-Nov-10 4:39

If what you want to get is the value attribute then:

function getValue(){
  var e = document.getElementById("dept");
  var strDept = e.options[e.selectedIndex].value;
}

If you want to get the text of the selected value

function getText(){
  var e = document.getElementById("dept");
  var strDept= e.options[e.selectedIndex].text;
}

Then you will need to hook the function into the onchange event of your

<select id="dept" onchange="getValue();">...</select>

Greenridge Business Systems

Re: how to pass the slected option from a html drop down list to a java script variable??

cjoki4-Nov-10 4:41

Re: how to pass the slected option from a html drop down list to a java script variable??

4-Nov-10 4:41

HA! tied!

Jules VDV4-Nov-10 5:22

Jules VDV

4-Nov-10 5:22

Greenridge Business Systems

Re: how to pass the slected option from a html drop down list to a java script variable??

krrish chaitanya7-Nov-10 17:08

krrish chaitanya

7-Nov-10 17:08

Thanx a lot Jules..

Re: how to pass the slected option from a html drop down list to a java script variable??

cjoki4-Nov-10 4:40

Re: how to pass the slected option from a html drop down list to a java script variable??

4-Nov-10 4:40

Your select will need a onchange event to call a javascript function that will test the value of the selected option. If it turns out to be equal to "Others" then you can either, add the need html dynamically or just make it visible by using the css display property.

javascript

function test_selection()
{
   var sel = document.getElementById('dept');
   var val = sel.options[sel.selectedIndex].value;
   if(val=="Others")
   {
       ....you can figure the rest from here.
   }
}

html

<select id="dept" onchange="test_selection();">
                <option value="Dept1">Dept1</option>
                <option value="Dept2">Dept2</option>
                <option value="Dept3">Dept3</option>
                <option value="Others">Others</option>
</select>

krrish chaitanya7-Nov-10 17:09

krrish chaitanya

7-Nov-10 17:09

Thanx a lot..its working..

CMS [modified]

Civic062-Nov-10 6:45

Civic06

2-Nov-10 6:45

How to choose a standard open-source CMS tool that can work across the various different projects we may get?

The sites can vary from a microsite (with a contact-us) to sites with complex business logic with forms, reports, etc. In other words lot of customization for particular customer.

A CMS tool where multiple developers can work together.

modified on Tuesday, November 2, 2010 12:56 PM

Re: CMS

Simon_Whale2-Nov-10 7:00

Simon_Whale

2-Nov-10 7:00

Best thing I can suggest is that you create a wish list of features and requirements and test against various CMS tools

As barmey as a sack of badgers

Dude, if I knew what I was doing in life, I'd be rich, retired, dating a supermodel and laughing at the rest of you from the sidelines.

Re: CMS

Jules VDV3-Nov-10 9:10

Jules VDV

3-Nov-10 9:10

A couple of options for larger CMS projects come to mind.

OpenCMS
- Java based enterprise CMS
- Open source with commercial support available
- Extensible using Java API to build custom modules
- Concept of multi-site and micro-sites

DotNetNuke
- .NET based
- Both open source and commercial versions available

CSS Horizontal Menu

Patrick Skelton2-Nov-10 5:06

2-Nov-10 5:06

Hi,

Does anyone know where I can find an example of a horizontal menu bar, preferably using CSS, but I'm happy if some Javascript is required? I can find many single-level examples, but I want a nested list that has the nested items also displayed horizontally.

I would be happy to use the ASP.NET Menu control too, but I seem not to be able to find any really good help on this, beyond what MSDN gives.

I have tried both the ASP.NET way and the CSS way, and I have so far struggled with both, so maybe what I am really asking for is: does anyone know of any really good tutorials on either of these?

Any help would be very much appreciated.

Best wishes, Patrick

Re: CSS Horizontal Menu

cjoki2-Nov-10 8:22

2-Nov-10 8:22

here are some you may want to look at...http://www.dynamicdrive.com/style/csslibrary/category/C1/[^]

Re: CSS Horizontal Menu

Patrick Skelton3-Nov-10 9:31

500-inernal server error .

3-Nov-10 9:31

Certainly plenty to get my head round there. Thank you.

Best wishes, Patrick

Davood Riazi30-Oct-10 22:39

Davood Riazi

30-Oct-10 22:39

Hello

what does this error mean?

"500-inernal server error .
There is a problem with the resource you are looking for, and it cannot be displayed."

This project has been written with visual studio .net 2010 and the database is ms sql server 2008.

Every few times I am faced with this error.

Can anyone help me to solve this error ?

Thanks

Davood

D.riazi

Re: 500-inernal server error .

Dalek Dave31-Oct-10 4:15

Dalek Dave

31-Oct-10 4:15

This will explain it all[^]

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

I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave

CCC League Table Link
CCC Link[^]

REPOST

Not Active31-Oct-10 4:27

Not Active

31-Oct-10 4:27

Stop spamming the forums. Pick one and use it. Posting to multiple, three in your case, forums will just get you ignored now and possibly in the the future.

I know the language. I've read a book. - _Madmatt

CSS Selector Problem

Patrick Skelton28-Oct-10 6:00

28-Oct-10 6:00

Hi,

I am having trouble getting a CSS selector to hit a target. The included HTML and CSS showing an image inside some layout divs. I have been trying to separate colour from layout using classes, and this seemed to work fine until I got to the problem of separating the colour of the border on the image. As the files stand, the image has the border colour I want, but if I comment out the line labelled 'Can't separate this colour' the image gets a white border from somewhere. Though I have tried adding both a class and an ID to the img, these seem to be ignored.

Why are these lines being ignored? And where is the image inheriting its border colour from?

I have experimented with many ways of trying to separate the border colour for the image into its own CSS rule, but none of them works. It seems that the colour has to be in the same rule as the border width to work.

I confess to struggling with CSS at the best of times, but this seems such a simple thing. Can anyone tell me what I am missing, and - hopefully - come up
with a way of allowing me to specify the colour of the image's border in a separate rule to the border itself?

Any help would be very much appreciated.

Best wishes, Patrick

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb">
<head runat="server">
	<link rel="stylesheet" type="text/css" href="Screen.css" media="screen" />
</head>
<body class="baseColour">

	<form id="homePage" class="borderOutlineColour" runat="server">
		<div id="headerOuterContainer" class="borderColour">
			<div id="headerLogo">
				<img id="doesNotWorkID" class="doesNotWorkClass" src="NonExistantImage.jpg" height="100px" width="100px" />
			</div>
			<div class="clear">
			</div>
		</div>
	</form>

</body>
</html>

body
{
	font-family: arial, helvetica, sans-serif;
	padding: 10px;
}

.clear
{
	clear: both;
}

#homePage
{
	width: auto;
	border-style: solid;
	border-width: 2px;
}

#headerOuterContainer
{
	border-style: solid;
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 150px;
	border-right-width: 150px;
	z-index: 3;
}

#headerLogo
{
	float: left;
	position: relative;
	z-index: 20;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: -150px;
	height: 150px;
	width: 150px;
}

.baseColour
{
	background-color: black;
	color: white;
}

.borderOutlineColour
{
	border-color: rgb( 246, 199, 21 );
}

.borderColour
{
	background-color: rgb( 15, 10, 100 );
	border-color: rgb( 15, 10, 100 );
}

#headerLogo img
{
	border: 2px solid;
	border-color: rgb( 246, 199, 21 ); /* Can't separate this colour. */
}

#doesNotWorkID
{
	border-color: rgb( 246, 199, 21 );
}

.doesNotWorkClass
{
	border-color: rgb( 246, 199, 21 );
}

Manfred Rudolf Bihy28-Oct-10 7:04

Manfred Rudolf Bihy

28-Oct-10 7:04

Hi Patrick,

I debugged this using FireBug and made it work by ~~either~~ prefixing either of the CSS rules #doesNotWorkID or .doesNotWorkClass with img:

img#doesNotWorkID
img.doesNotWorkClass

Why that did the trick only the CSS gods may know.
It may help you though!

Cheers

Manfred

Patrick Skelton28-Oct-10 8:44

28-Oct-10 8:44

Thank you for that, Manfred. It does work, though I won't pretend to know why it is necessary.

It seems to matter where I put it in the file; it seems to need to go somewhere near the bottom of the file, which suggests another rule somewhere is overriding it.

And, just as an experiment, I tried it with a space between img and #doesNotWork, and that fails. I suppose I need to RTFM, but I don't know what the difference in meaning is between having a space there and joining the two specifiers.

Thanks again.

- Patrick

Manfred Rudolf Bihy28-Oct-10 11:57

Manfred Rudolf Bihy

28-Oct-10 11:57

Here's a bit I just found that might shed some light on the situation:
http://reference.sitepoint.com/css/specificity

I only skimmed over it, as I'm getting ready to hit the sack (gotta get up early this Friday morning),
but it explains why one rule may be chosen over another because it's more specific than the other one (thus the title Specificity etc.)

Laters

Manfred

Patrick Skelton28-Oct-10 23:22

Re: CSS Selector Problem [modified]

28-Oct-10 23:22

That really is the best explanation of CSS specificity I have ever read. Thanks for that, Manfred.

- Patrick

Smile | :)

Manfred Rudolf Bihy29-Oct-10 1:25

Manfred Rudolf Bihy

29-Oct-10 1:25

The question remains if whether it can explain what is happening with your CSS?
Or to be more specific: What makes the browsers interpret your CSS in a
way that makes the images border white. FireFox and IE8 even seem to
agree on that interpreation in showing the same result.
FireBug tells me that the border-color style is calculated (infered), but
it does not explain in which way that was done.

Did you gain any insights from the above mentioned document regarding this
strange behaviour? If you did please share them with us.

Greetings

Manfred

modified on Friday, October 29, 2010 7:36 AM

Patrick Skelton2-Nov-10 3:17