[CLOSED] Mousover List

April 14, 2011, 05:29 AM

ChristianP

[CLOSED] Mousover List_Box HTML Form

Hello,
i am building a HTML Form with some listboxes and i want to add mouseover function on the content of the list_boxes. The contentent is sometimes to large for
the list_box width and so i think a mouseover makes sence.

Christian

This message has been edited. Last edited by: Kerry,

April 17, 2011, 05:38 PM

Waz

I think you will need to explain further, and perhaps supply an example.

April 18, 2011, 07:51 AM

ChristianP

Hi WAZ,

in my form i have a listbox with suppliernames rundabout 300, this listbox has a width of 200px and i
can not make it wider. i think a mouseover obove the supllier shows the full name, so im sure, that i
chosed the right one.

Christian

April 18, 2011, 05:54 PM

Waz

I would have thought that this is a simple piece of javascript.

Also, it depends on which browser you are using.

The title attribute will show on most browsers, the other option is the mouse over/out.

There are probably many more.

<html>
 <head>
<script type="text/javascript">
 <!--
	function valdisp(_Obj,_Over) {
		var _DispObj = document.getElementById('valititle') ;
		if (_Over) {
			_DispObj.innerText=_Obj.options[_Obj.selectedIndex].text ;
		}
		else {
			_DispObj.innerText=" " ;
		}
	}
 //-->
 </script>
 </head>

 <body>
  <span name=valititle id=valititle></span>
  <br>
  <select name="valselc" style="width:100px" onmouseover="valdisp(this,true)" onmouseout="valdisp(this,false)">
	<option value="1" title="short value" selected>short value
	<option value="2" title="long value number 1">long value number 1
	<option value="3" title="long value number 2">long value number 2
	<option value="4" title="long value number 3">long value number 3
  </select>
 </body>
</html>

April 19, 2011, 04:01 AM

ChristianP

Hello Waz,

how do i have to implement the function in my html code below??

<HTML>
<HEAD>
<META id=mycharsetmeta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<META id=Generation content="Created in release 7702, Generation 3.0">
<script id=IBI_RelCallBack type=text/javascript>function AdjustChildrenPosition(){
}
</SCRIPT>

<script id=IBI_OptionsScript type=text/javascript>
var cgipath = "cgipath";
var ibirls = "ibirls3";

var rltdyncalendar = "rltdyncalendar";
var gmap = "ibigmap";
var olap="olap";
var olappanebase="olappanebase";
var olapdrill="olapdrill";

var ibixmltree="ibixmltree";

var ibiOptions = new Array(cgipath,ibirls);
</SCRIPT>

<script id=IBI_nls src="/ibi_html/javaassist/nls.js" type=text/javascript></SCRIPT>

<script id=IBI_nlsVars src="/ibi_html/javaassist/nlsvars.js" type=text/javascript></SCRIPT>

<script id=IBI_ibigbl src="/ibi_html/javaassist/ibi/html/js/ibigbl.js" type=text/javascript></SCRIPT>

<script id=IBI_ibigblloadCss type=text/javascript>
ibigblloadCss(null);
addIntlTranslatedJS("composertrans.js");
</SCRIPT>
<TITLE>HtmlPage</TITLE>
<script id=clientEventHandlersJS type=text/javascript>
//Begin function window_onload
function window_onload() {
 
UpdateData();
 
// TODO: Add your event handler code here


//add onInitialUpdate() function to make changes before initial run of the reports
}
//End function window_onload
</SCRIPT>

<script for=window type=text/javascript eventname="onload">window.onload = function() { window_onload(); }</SCRIPT>
</HEAD>
<BODY style="OVERFLOW: auto" thumbnailscale="4" nextelementuniquenumber="1" elementtype="21" edaconnectionrequired="true">
<SELECT id=listbox1 style="Z-INDEX: 1; LEFT: 150px; WIDTH: 190px; POSITION: absolute; TOP: 130px; HEIGHT: 180px" tabIndex=1 size=3 defaultselection="1" persistentuniqueid="compUid_1" name="listbox1";></SELECT>      
<INPUT id=layoutinfo style="LEFT: -100px; POSITION: absolute; TOP: -100px" type=hidden>
<INPUT id=ibiapp_app style="LEFT: -100px; POSITION: absolute; TOP: -100px" type=hidden ismre="1" name="ibiapp_app">
<INPUT id=ibif_ex style="LEFT: -100px; POSITION: absolute; TOP: -100px" type=hidden value=app/test1.htm name="ibif_ex">
<INPUT id=IBIMR_domain style="LEFT: -100px; POSITION: absolute; TOP: -100px" type=hidden value=ageinkau/ageinkau.htm name="IBIMR_domain">
<INPUT id=IBIMR_folder style="LEFT: -100px; POSITION: absolute; TOP: -100px" type=hidden value=#testpapezl9u name="IBIMR_folder">
<xml id=focus_xmlelement>
<script type="text/xml" nextelementuniquenumber="2">
	
<rootxmlnode focoption="_FOC_NULL">
		
<variables></variables>
		
<input_controls>
			
<input_control bindcontrolid="compUid_1" elementtype="9" name="listbox1" id="listbox1" multiple="0" onetimepopulated="0">
				
<link linktype="default" persistentuniqueid="compUid_1">
					
<condition default="1" name="Default" whattodowithcontrol="0" valuescompareoperator="0" parameterscompareoperator="0" conditionmultiselectoperator="0">
						
<data_info checkForDuplicateValues="0" sourcetype="typeFex" datatype="1" modifiedrequest="0" datasource="app/get_lieferant_krv.fex" displayfield="VERTRAEG_LIEFERANT" datafield="VERTRAEG_LIEFERANT" ibiapp_app="" IBIMR_domain="ageinkau/ageinkau.htm" IBIMR_folder="#krvapplc19l9" IBIMR_dir="#krvberichtsz">
							
< ![CDATA[]]></data_info></condition></link></input_control></input_controls>
		
<other_bound_objects></other_bound_objects>
		
<requests></requests></rootxmlnode></script>
</xml></BODY>
<script id=IBI_loader type=text/javascript>
doBeforeLoad();
</SCRIPT>
</HTML>

i just added the list_box to the html side!!

Thanks

Christian

This message has been edited. Last edited by: ChristianP,

April 19, 2011, 08:04 AM

ABT

quote:
Originally posted by ChristianP:
Hello Waz,

how do i have to implement the function in my html code below??

Please edit this post to add code tags. The HTML is rendering instead of displaying.

- ABT

Prod:	WebFOCUS 7.6.10/8.1.04	Upgrade:	WebFOCUS 8.2.07	OS:	Linux	Outputs:	HTML, PDF, Excel, PPT
In Focus since 1984
Pity the lost knowledge of an old programmer!

Prod:	WebFOCUS 7.6.10/8.1.04	Upgrade:	WebFOCUS 8.2.07	OS:	Linux	Outputs:	HTML, PDF, Excel, PPT
In Focus since 1984
Pity the lost knowledge of an old programmer!