HTML - Combo Size Changes

Hi all,
i m using following code to display suppliers name in 1 combo box

"<select name=menu> <option value=1> "+@DbColumn("":"NoCache";"":"databasename";"viewname";2)+" </option> </select>";



but, instead of showing in 1 combo box it is shows seperate combo for each supplier

I am using domino database and my coding is on both client and web.

Please help

Thanks

Hi friends,

In my form I am using combo box(select control).

I want to call a javascript function when i select a OPTION from the box.

onChange=\"javascript:pricecodes(this.form,"+db.getLineItemNo()+");

When i select one option it is working fine.

The problem is...

In my combo box i have three option A,R,M. At the form load time combo box displays the option A.So if i want to select A then i have to go to some other option either R or M and then come back and select A, then only the javascript function pricecodes is invoked.


What i want is If A is displayed in combo box at the loading of form, if i click A then the function should invoke(I used on click event too, In that case when ever i click the combo box funtion is invoking)


Please help me

Regards

All:

Working to update a previously designed website.

Original design uses an <img> tag to create a top banner and another <img> tag
to create a side banner.

In each case there are mapped coordinates on each banner as links for the subsequent pages.

Basic page design is as follows:

Code:

<table>
   <tr>
      <td>
         <img usemap="Map1">
         <map name="Map1">
            <area>
            <area>
            <area>
         </map>
      </td>
   </tr>
</table>
<table>
   <tr>
      <td>
         <img name="Map2">
         <map>
            <area>
            <area>
            <area>
         </map>
      </td>
      <div>
         ***PAGE CONTENT***
      </div>
   <tr>
<table>

The challenge is that the [PAGE CONTENT] varries in length througout the site causing some pages
to be much longer or shorter than others.

This causes some inconsistencey in the relationship between the side banners height and the
page content.

In other words in some cases the banner is exceptionally longer than the page content and the
reader must scroll past significant "dead-space" before being brought to the lowest
mapped links in the side banner; or...

...in some cases the side banner is significantly shorter than the page content causing the
banner image to appear "poorly-fit" to the page design.

I considered altering the 2nd table instance in the above design so that the banner is carried
in a <td> tag that is adjacent to the page content and hopefully to allow the tag carrying the
image to size relative to the <td> tag carring the content....

Code:

<table>
   <tr>
      <td>
         <img usemap="Map1">
         <map name="Map1">
            <area>
            <area>
            <area>
         </map>
      </td>
   </tr>
</table>
<table>
   <tr>
      <td size="100%">
         <img name="Map2">
         <map>
            <area>
            <area>
            <area>
         </map>
      </td>
      <td size="100%" >
         <table>
            ***PAGE CONTENT***
         </table>
      </td>
   <tr>
<table>

The problem I've found with this is that as the content size causes the image to "flex", either
readablilty or image quality or both are effected, AND the mappings become inconsistent as the
image coordinates constantly change.

I've considered 2 solutions and am leaning toward one, but thought I'd post this and see if there
are better ideas I'm overlooking.

One idea was to add additional table rows inside the [PAGE CONTENT] table presumably creating a
"defalut" page size that would never be smaller than a standard for the side banner.
Problem: larger page sizes are still a problem as are the changing map coordinates

My other idea was to return to the original page design listed first above and again settle on
a standard side banner "height"... ...any page that was significantly longer than that height
would be split to 2 or more pages with a [NEXT>>] button at the bottom of the page navigating to
the additional content.
Problem: ...possible complications splitting content...
Benefit: ...consistent page design that allows a consistent side banner with navigable links...


Question for the group:
Does this sound reasonable?
Are there better alternatives I am overlooking?

THANKS IN ADVANCE FOR ALL INPUT!!

i have used a combo box in a form

in that form i have placed a text field just above the combo box.when the text box is focused the system displays some results regarding to that text field.now when that result is displayed it is displayed over the combo box.

now the problem is that when the result is displayed the combo box is not hiding.its coming over the results and thereby hiding the results.

can anyone help to reduce the heavy weight component(combo box) into a lower one......

HTML code below shows a form with 5 fields. 1 field is already setup as a combo box. I would like to change the other 4 fields to combo boxes. I tried with no success. Can someone please help and change the 4 fields to combo box's to the below code?

<style type="text/css">
#IDX-quickSearchForm { position: relative; height: 110px; width: 350px; }
#QS-minPriceField { position: absolute; width: 100px; height: 12px; left: 92px; top: 9px; font-size:

10px; font-family: Arial; }
#QS-maxPriceField { position: absolute; width: 100px; height: 12px; left: 92px; top: 29px; font-size:

10px; font-family: Arial; }
#QS-minRoomsField { position: absolute; width: 50px; height: 12px; left: 272px; top: 29px; font-size:

10px; font-family: Arial; }
#QS-minBathsField { position: absolute; width: 50px; height: 12px; left: 272px; top: 9px; font-size:

10px; font-family: Arial; }
#QS-labelMinPrice { text-align: left; position: absolute; width: 85px; height: 22px; left: 20px; top:

10px; font-size: 10px; font-family: Arial; }
#QS-labelMinRooms { text-align: left; position: absolute; width: 50px; height: 22px; left: 229px; top:

30px; font-size: 10px; font-family: Arial; }
#QS-labelMinBaths { text-align: left; position: absolute; width: 50px; height: 22px; left: 229px; top:

10px; font-size: 10px; font-family: Arial; }
#QS-labelCityList { text-align: left; position: absolute; width: 100px; height: 22px; left: 20px; top:

51px; font-size: 10px; font-family: Arial; }
#QS-buttonSearch { position: absolute; width: 60px; height: 22px; left: 269px; top: 50px; font-size:

10px; font-family: Arial; }
#QS-selectCityList { position: absolute; width: 105px; height: 17px; left: 92px; top: 49px; font-size:

10px; font-family: Arial; }
#backLink {position:absolute; top:110px;}
</style>
<div id="IDX-quickSearchForm">
<form action="http://www.blablabla.com/form.php" method="get">
<input type="text" name="lp" id="QS-minPriceField" value="Min">
<input type="text" name="hp" id="QS-maxPriceField" value="Max">
<input type="text" name="bd" id="QS-minRoomsField" value="1">
<input type="text" name="ba" id="QS-minBathsField" value="1">
<div id="QS-labelMinPrice"<span style="color:#E5B65A;">Select Price:</div>
<div id="QS-labelMinRooms"<span style="color:#E5B65A;">Rooms:</div>
<div id="QS-labelMinBaths"<span style="color:#E5B65A;">Baths:</div>
<div id="QS-labelCityList"<span style="color:#E5B65A;">Select Town:</div>
<input id="QS-buttonSearch" type="submit" name="searchSubmit" value="Search" />
<select id="QS-selectCityList" name="city[]" value="Search" >
<option value="487">Albertson</option>
<option value="1017">Amagansett</option>
<option value="1115">Amity Harbor</option>
<option value="1116">Amityville</option>
<option value="1410">Aquebogue</option>
</select>
</form>
</div>

Hello,

I am facing a weird problem in IE which is not happening with other browsers. Open the following website:

http://www.clinicasdefertilidadenlima.pe/

You will see 3 combo boxes on this page displaying "Lima". Click on any combo and select any other value like Lima or Arequipa. Page will refresh but now combo will not show selected value which should always be "Lima" (I have hard coded it)

If you take a look at the HTML source then it's a simple combo box and I have even defined selected="selected" for "Lima" value but in IE it only displays selected value when you open home page. After that it doesn't show value when you select value from combo box.

I am using IE9.

Here is the combo box I am talking about:

HTML Code:

<select id="city_id" name="city_id" class="f2_city" onchange="redirect(this.form)">
<option value="" selected="selected">LIMA</option>

<option value="LIMA">LIMA</option>
<option value="Arequipa">Arequipa</option>
</select>

Thanks

I want to add a total of 10 forms to the same page but can only get the "Double Combo" box vehicle "Make and Modle" to work in "Ad 1". (see page link below)

What am I missing or what do I need to do?

Please view script form here >> http://www.netrixllc.net/clpublisher/create-ads.html

I would appreciate any help...

Thank you~

I'd like my div to automatically expand when there is more text but I don't want it smaller than a certain size. Is this possible? Please look at the following site to see what I mean and click on the Writing tab. (The right hand div is what I'd like to fix--you see the text is cut off.) Thank you so much!

http://rkgrant.110mb.com/rkghome2.html

Hello Folks,

Okay, I am trying to finally master this. I am working with a CSS Joomla layout that has some flash as main content (for images). I would like for this layout to resize based on the visitors screen size. I've played around with the % in width and so-forth. However my embedded Flash starts to scoot around the page as I change the size of the window. Can someone guide me on exactly how to do this so that "all" the info scales and stays in place. I am assuming that there will be an issue for the site getting really big if the person uses a massive screen (say 27inch plus) In that case how do you limit the size?

Any help will be most appreciated.

hello

i inserted an iframe to my page and i have buttons that wud open pages in the iframe

but i want to iframe to resize itself when i open the page in it to the page size so i dont have any scroll bars and i have 100% height of the page of the iframe

i set the height to 100% in the code but it doesnt really give me 100% and i end up getting 2 scroll bars one for the page and the other for the iframe

for width it works perfectly as i set the width to 80% and it gives me 80% width of the page for the iframe

it doesnt work for height though

i just wanna get rid of the scroll bars of the iframe and still maintain the professional look of it by not having a fixed height with too much empty space


help me please

thanks

hi,

I volunteered to maintain this (uploads and linkage):

http://www.collier-ese-reform.com/

if you go to the About Us page why is it so wide and doesn't "shrink" as some of the others? what can fix in that aspect?

THANKS!

Could someone give me some assistance on sizing a frame correctly?

On the following page, I cannot seem to get the height of the background (behind the form) sized properly, leaving the line through the submit button.

http://www.sutherlandlegal.com/contactus/index.html

Appreciate any help...

ok i have a page that opens another page without the toolbars, however the issue is that i dont know how to make them different sizes, like this page im including here is too small for what is actually on the page. I have to maximize the window. How do i html the code for the size page i want it to be. I hope I am sayong that correct.

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home Certification</title>



</head>

<script language="JavaScript"> 
function loadMainWindow() 
{ 
   var win = window.self; 
   win.opener = window.self; 
   var newloc = "http://clas0as21.corp.cox.com/sdchealtop/framework/frameset.asp"; 
   var ih = (window.window.screen.availHeight - 60) - 100; 
   var iw = (window.window.screen.availWidth - 10) - 100; 
   var it = ((window.window.screen.availHeight - 60) - ih) / 2; 
   var il = ((window.window.screen.availWidth - 10) - iw) / 2; 
   var features = 
"directories=no,menubar=no,location=no,toolbar=no,status=yes,scrollbars=yes*,resizable=yes" 
+ ",width=" + iw + ",height=" + ih + ",top=" + it + ",left=" + il + ""; 
   v1 = new Date(); 
   v2 = Date.parse(v1); 
   v3 = "pg" + v2; 
   var oNewWindow = window.open(newloc, v3, features); 
   oNewWindow.focus(); 
   win.close(); 


} 


function window.onload() 
{ 
   try 
   { 
      loadMainWindow(); 
   } 
   catch(e) 
   { 
      popUpMessage.style.display = 'You Are Being Redirected!'; 
   } 

} 


</script> 

Here's my code:

Code:

<div align="center" style="background-color:#4D4D4D;width:1000px;height:30px;border:1px 
solid #00137F;filter:progid:DXImageTransform.
Microsoft.Glow(color=#00137F)">

I can't get the DIV to change size. I know I haven't put 'Width="" height="" ' but that doesn't work. It's strange because usually I would've thought that would work.