AJAX

retrieving alt attribute using javascript in firefox

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Nov 2007

Posts: 12

Reputation: sivakumarl is an unknown quantity at this point

Solved Threads: 0

sivakumarl sivakumarl is offline

Offline

Newbie Poster

retrieving alt attribute using javascript in firefox

Aug 21st, 2009

Dear Friends,
we are facing a problem with alt attribute in Java script.While retrieving alt attribute in IE its working fine but in FireFox we are getting as undefined.Please give solution for retrieving the alt attribute in firefox.

please find the below code for how i am retrieving...
<html>
<head>
<script type="text/javascript">

window.onload = function()
{

var els= document.forms[0].elements;
var compcode ="";
for(var i= 0; i < els.length; i++)
{
if (els[i].id!="")
{
alert(els[i].id);
alert(els[i].title);
alert(els[i].alt);
}

}
}

</script>
</head>
<form action="#">
<select name="test" id="testing" alt="test|001" title="test|ddd">
</select>
</form>
</html>

The above code is working fine in IE but not in firefox

Cheers
----------
Siva kumar

•

Join Date: Aug 2008

Posts: 954

Reputation: essential will become famous soon enough

Solved Threads: 131

essential

Offline

Posting Shark

Re: retrieving alt attribute using javascript in firefox

Aug 21st, 2009

Hi,

try this instead:

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>www.daniweb.com</title>
<script type="text/javascript">
<!--
var d = document;
window.onload = function() {
var els = ( "testform" in d ) ? d.testform : d.getElementById( "testform" );
var attr = [ "id", "title", "alt" ];
   if ( els ) { 
      els = els["testing"];
      var col = "\n";
      for ( var i = 0; i < attr.length; i++ ) {
         if ( els.getAttribute( attr[ i ] )) {
            col += attr[ i ] + " : " + els.getAttribute( attr[ i ] ) + "\n";
            continue;
         }
      } return alert( col );
   } alert( "Unsupported script, please update your browser" );
   return false
}
// -->
</script>
</head>
<body>
<div>
<form id="testform" name="testform" action="#" onsubmit="return false;">
<div>
<!-- Using ( ALT ) Attribute in a select tag is NOT RECOMMENDED in any of the W3C Standard (x)HTML document templates'.
 
This document will output 1 error: ( Attribute "ALT" is not a valid attribute ) -
 
and will not validate, if you will attempt to verify these document with W3C markup validation tool.
-->
 
<select id="testing" name="testing" alt="test|001" title="test|ddd" size="1">
<option value="alt attribute">ALT Attribute</option>
</select>
</div>
</form>
</div>
</body>
 </html>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>www.daniweb.com</title>
<script type="text/javascript">
<!--
var d = document;
window.onload = function() {
var els = ( "testform" in d ) ? d.testform : d.getElementById( "testform" );
var attr = [ "id", "title", "alt" ];
   if ( els ) { 
      els = els["testing"];
      var col = "\n";
      for ( var i = 0; i < attr.length; i++ ) {
         if ( els.getAttribute( attr[ i ] )) {
            col += attr[ i ] + " : " + els.getAttribute( attr[ i ] ) + "\n";
            continue;
         }
      } return alert( col );
   } alert( "Unsupported script, please update your browser" );
   return false
}
// -->
</script>
</head>
<body>
<div>
<form id="testform" name="testform" action="#" onsubmit="return false;">
<div>
<!-- Using ( ALT ) Attribute in a select tag is NOT RECOMMENDED in any of the W3C Standard (x)HTML document templates'.

This document will output 1 error: ( Attribute "ALT" is not a valid attribute ) -

and will not validate, if you will attempt to verify these document with W3C markup validation tool.
-->

<select id="testing" name="testing" alt="test|001" title="test|ddd" size="1">
<option value="alt attribute">ALT Attribute</option>
</select>
</div>
</form>
</div>
</body>
 </html>