HTML - How To Replace A Text Box With A Drop Down

Hello! I recently started a blog on the weebly website and I want to convert it over to wordpress. The only problem is that wordpress does not allow javascript, so I was wondering if there is a way to generate an html code without javascript that allows the user to click a button to drop down text. I have a custom script on my current site:

http://www.resourceblog.weebly.com

It's the short ride button and it allows the user to click on the button in order to drop down a summary of the blog article. Here is the script:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

<title>Bad Rep</title>

<style type="text/css">
#bad {
font-family:arial,sans-serif;
font-size:12px;
color:#ff6600;
}
#rep {
cursor:pointer;
}
.hidden {
display:none;
}
</style>

<script type="text/javascript">

function init(){
var obj=document.getElementById('bad');
obj.className='hidden';

document.getElementById('rep').onclick=function() {
obj.className=obj.className=='hidden'?'':'hidden';
}
}

window.addEventListener?
window.addEventListener('load',init,false):
window.attachEvent('onload',init);

</script>




<div>
<img id="rep" src="http://i1106.photobucket.com/albums/h365/ResourceMJS/shortride-2.jpg" alt="photobucket">
</div>

<ul id="bad">
<li>Recruiters often get a bad reputation because many people do not understand what they do.</li>
<li>It is up to the recruiter to build the trust of the candidate by being honest and genuine.</li>
<li>Follow up and keep in contact with your candidates so that they continue to hold a strong value in you.</li>
</ul>


Any help would be appreciated. This forum has answered a lot of my questions and so I love turning to you all for advice

Hi everybody,

I've invented a means of converting HTML to keywords.

http://4nf.org/tool/

What do you think of it?

Any kind of feedback is greatly appreciated!


Thanks in advance and kind regards

Hi All,

I'm trying to create an information page with HTML whereby people can find an address of a store based on the conditional dropdown boxes selected. Based on the choices selected, it would display the results.

E.g.
Dropdown 1: Select State
Dropdown 2: Select Retail Store

Output: Address of the retail store (displayed on the same page)

I came across a solution in one of the threads for making multiple conditional dropdowns for a form. The code given works extremely well but I'm not sure how to have a text output result on the same page. Can anyone help? Thanks a bunch in advance!


HTML Code:

<script type="text/javascript">
// Place in this array the ID of the element you want to hide
var hide=['the_minutemen','Planet_Smashers','crass','Madonna',
'the_misfits','next','id2'];
function setOpt()
{
resetOpt(); // Call the resetOpt function. Hide some elements in the "hide" array.
for(var i=0,sel=document.getElementsByTagName('select');i<sel.length;i++)
	{
	sel[i].onchange=function()
		{
		if(this.parentNode.tagName.toLowerCase()!='div')
			resetOpt(); // Hides the elements in "hide" array when the first select element is choosen
		try
			{
			document.getElementById(this.value).style.display='';
			}
		catch(e){} ; // When the value of the element is not an element ID
		}
	}
}

window.addEventListener?window.addEventListener('load',setOpt,false):
window.attachEvent('onload',setOpt);

function resetOpt()
{
for(var i=0;i<hide.length;i++) 
	document.getElementById(hide[i]).style.display='none'; // Hide the elements in "hide" array
}
</script>
Artist:
<select>
<option value="the_minutemen">The Minutemen</option>
<option value="Planet_Smashers">Planet Smashers</option>
<option value="crass">Crass</option>
<option value="Madonna">Madonna</option>
<option value="the_misfits">The Misfits</option>
</select>

<div id="the_minutemen">
The Minutemen  Album:
<select>
<option value="album">The Minutemen album1</option>
<option value="next">Show next 'select' element</option>
<option value="album">The Minutemen album3</option>
<option value="album">The Minutemen album4</option>
<option value="album">The Minutemen album5</option>
</select>
</div>

<div id="Planet_Smashers">
Planet Smashers Album:
<select>
<option value="album">The Planet Smashers album1</option>
<option value="id2">Show element with the id of 'id2'</option>
<option value="album">The Planet Smashers album3</option>
<option value="album">The Planet Smashers album4</option>
<option value="album">The Planet Smashers album5</option>
</select>
</div>

<div id="crass">
Crass Album:
<select>
<option value="album">Crass Album1</option>
<option value="next">Show next 'select' element</option>
<option value="album">Crass Album3</option>
<option value="album">Crass Album4</option>
<option value="album">Crass Album5</option>
</select>
</div>

<div id="Madonna">
Madonna Album:
<select>
<option value="album">madonna Album1</option>
<option value="id2">Show element with the id of 'id2'</option>
<option value="album">madonna Album3</option>
<option value="album">madonna Album4</option>
<option value="album">madonna Album5</option>
</select>
</div>

<div id="the_misfits">
The Misfits Album:
<select>
<option value="album">the_misfits Album1</option>
<option value="album">the_misfits Album2</option>
<option value="album">the_misfits Album3</option>
<option value="id2">Show element with the id of 'id2'</option>
<option value="album">the_misfits Album5</option>
</select>
</div>

<div id="id2">
Element with an ID of "id2"
<select>
<option>Opt1</option>
<option>Opt2</option>
<option>Opt3</option>
</select>
</div>

<div id="next">
"Next" element
<select>
<option>Opt1</option>
<option>Opt2</option>
<option>Opt3</option>
</select>
</div>

Hello,

I have a drop down menu where one of the items is EXTREMELY long, and because of this, the overall size of the drop down box is the size of this item. I found a way to shrink the size of the drop down box via:

<style type="text/css">
select {height: 12px; width: 50px; max-height: 12px}
</style>


This works in shrinking the overall size, but what happens is that the really long item is now longer than the width of the box and the text for the item doesn't wrap around down to the line below. So you don't actually see the whole item in the list.

Do you know how I can wrap this item so that the text falls down to the line below?

Cheers

Hi All,

first post in the forum.
I would like to know if it is possible to create a drop down list from which the user could select a value but could also decide to enter a new one ?

What I want is to offer the user to select an existing company name or enter a new one, but I would like to have only one field to do it instead of two.

Is this possible

Thanks for helping.

ALex

I've looked all over the web and can't find an effective way to do this. Can someone please help?

I need to make text drop down menus when you mouseover my links. This is a perfect example: http://www.stpatrick.org/

Thanks a lot!

I created a web site at www.suncityrnc.com using frames and it doesn't seem to be getting any respect from search engines like google.

If I look at the google cache for my website it just shows my message for browsers that don't handle frames. That is, "This page uses frames, but your browser doesn't support them.".

So I get it, crawlers don't like frames! Now I just want to know the best way to rewrite my web site without using frames. I don't want to use PHP or any fancy scripting languages that are going to depend on a server if possible (it's not my server). I would also like to maintain as much of the structure of the html files, and the look and feel of the web site as possible.

I would appreciate any help, ideas, or direction anyone has on this topic. I don't want to start hacking until I can get some good advice. I already made that mistake once, when I decided to use frames.

Thanks!

I've been working on a website for a week or two, and had it all layed out in tables. A coworker passes by and says his friend, a professional web designer, says tables are old-school and I should use div tags instead. I've read a lot of discussion online about how horrible it is to use tables for layout because they are not "supposed" to be for layout (even though they WORK for layout). I have also read a lot about how div layouts like to break, something tables don't do (as much?). I use dreamweaver, and all its pre-made templates use tables, not divs. Divs also look like a lot of work, since there seems to be a ton of css that has to go into making the divs act like table cells (and I am VERY new to css!). The one thing that keeps going through my mind is, why go through so much trouble getting divs to act like tables when I can just write a table? Kind of like trying to genetically engineer oranges to look and taste like apples....

So, should I banish my tabled layout for a layout done with divs, even though my tabled layout looks fine and works fine? I really don't want to quite table layouts, but I also want to learn to do things the "right" way, and if divs are the only "right" way to build a page layout.... Help?

Also, are there any good online tutorials on how to "properly" build a div-based layout, one that won't break in different browsers?

~Seij

Hi guys! I want to change the scrollbar to something else in my IFRAME on my html webpage. I need it to work in FF and IE and I don't only want to change the colors etc, I want to change the complete look!

I tried a few scripts but they change everything for me and I only want the old scroll to be replace with a new one.

Does anyone have any suggestions?

I tried this one but then it makes a lot of mess with other things in my Iframe. Maybe it's because I'm too bad on html but does anyone have any suggestions?
http://www.java2s.com/Code/JavaScrip...omscollbar.htm

I just need something simple and something that you doesn't need to be a engineer to get working =)

Thanks in advance!

I hope this makes sense (and I'm posting in the right forum section).

Here's what I'm trying to do. I'm trying to type a form where the user will type in a 4 7 digit number:

<input type="text" name="id" value="">
<input type="submit" value="Submit">

Cool so far. But what I need is after they submit it, the value that is put in there is submitted to a customized link (not http).

Example: If a user inputs 1234, it will be changed to link://1234@example.com


So the question is, how do get it so that the value submitted from the form is inserted inbetween my link:// and @example.com?

Once again, hopefully that makes sense. I'm not even sure what I should be searching for on the forums. Maybe replace string or something? I don't know and I apologize.

Any help would be greatly appreciated...

I'm trying to replace a lot of text before that exists above the following tag <body id="{VALUE}"> in Dreamweaver. I can use the find&replace option to 'add before start of tag' but I want to actually remove the code/text before a certain tag. Does anyone know if this is possible? will I have to go down the regex route?

Help would be much appreciated fellas.

Thanks in advance!

All my code is filled with these <span> tags in my html page, but not all of my code. How can I remove these tags and make a better structured layed out web page. When I remove the <span> tags, I will need an alternative html tag to replace the <span> tag. My <span> tags store stuff about my web page, so I need a html tag that is a replacement and a structured way to put my data in the web page. Any expertise would be great.

Thanks,

Chris

I am developing a site and the client would like to have images instead of radio buttons, how can I do the followings:

1) Replace the radio buttons for different images
2) When one radio button image is selected, changes to another image

Thanks,
Valeria

I'm in need of a software that searches text in html files and replaces them ignoring the html tags. As example replace 1 with <b>1.</b> it should ignore tags like color="111111" and not make color="<b>1.</b><b>1.</b><b>1.</b><b>1.</b><b>1.</b><b>1.</b>" out of it.