CLupo
asked on
Javascript works for showing hidden on IE but not FF/Safari
I have some code that runs great on IE but not at all on FF. Any help would be greatly appreciated...
<table>
<tr id="bTextRow" style="display:none">
<td> data
This hides fine but...
if(showOption == '')
{
document.getElementById("b TextRow"). style.disp lay = "none";
document.getElementById("b TextRow"). style.disp lay = "hidden";
}
else
{
document.getElementById("b TextRow"). style.disp lay = "";
document.getElementById("b TextRow"). style.visi bility = "visible";
}
Doesnt do anytyhing except on IE. I have had this problem before and never really figured it out. On IE the TR shows fine on all other browsers nothing happens.
Any help would be greatly appreciated.
<table>
<tr id="bTextRow" style="display:none">
<td> data
This hides fine but...
if(showOption == '')
{
document.getElementById("b
document.getElementById("b
}
else
{
document.getElementById("b
document.getElementById("b
}
Doesnt do anytyhing except on IE. I have had this problem before and never really figured it out. On IE the TR shows fine on all other browsers nothing happens.
Any help would be greatly appreciated.
ASKER
That didnt work at all for me - the TR isnt hidden that i put inside the div.
I have just tested your code and it works for me on FF and Chrome.
So my assumption is that you have elsewhere problems.
Do you click on a link?
Can we see the page?
So my assumption is that you have elsewhere problems.
Do you click on a link?
Can we see the page?
ASKER
I can allow you access yes...
http://adbuilderpro.mediagistic.com/
username: experts
password: exchange
once logged in go to:
http://adbuilderpro.mediagistic.com/index.cfm?sector=AdBuilderPro&page=home&action=customize&TempID=683&catID=294&groupID=12
Under the picture of the mowers you can click select. That is what triggers the action to show the "pricing options" you will see. This pricing option will not show under FF or Safari.
http://adbuilderpro.mediagistic.com/
username: experts
password: exchange
once logged in go to:
http://adbuilderpro.mediagistic.com/index.cfm?sector=AdBuilderPro&page=home&action=customize&TempID=683&catID=294&groupID=12
Under the picture of the mowers you can click select. That is what triggers the action to show the "pricing options" you will see. This pricing option will not show under FF or Safari.
Your link shows like this:
<A class=TxtGeneralSmallNoPad id=sHREF_2692 onclick=setClass(this); href="javascript:parent.setSelectedImage('Product1', 2692);">SELECT</A>
That link generates this error message:
Fehler: sProductID is null
Quelldatei: http://adbuilderpro.mediagistic.com/index.cfm?sector=AdBuilderPro&page=home&action=customize&TempID=683&catID=294&groupID=12#
Zeile: 809
And this is the source:
function setSelectedImage(groupindex, imageid)
{
var foundindex = -1;
for(var i=0; i<myarray.length; i++){
if(myarray[i] != null){
if(myarray[i].length > 0){
if(myarray[i][0] == imageid){
foundindex = i;
break;
}
}
}
}
if(foundindex != -1){
var mydiv = document.getElementById('productdiv_' + groupindex);
var newInner = "";
for(var i=0; i<myarray[foundindex].length; i++)
{
if(showArray[i] == 1)
newInner += displayArray[i] + ": " + myarray[foundindex][i] + "<BR>";
var thisFormField = document.getElementById(groupindex + '_' + dbArray[i]);
if(thisFormField)
{
thisFormField.value = myarray[foundindex][i];
}
}
mydiv.innerHTML = newInner;
mydiv.style.display = 'block';
var formTrick = document.getElementById('Dixon_Blackbear_3417_open_2c_' + groupindex);
formTrick.value = 'dd296710-50d9-4527-8590-73893a25b34d';
var sProductID = document.getElementById('Dixon_Blackbear_3417_open_2c_' + groupindex + '_selectedID');
sProductID.value = imageid; //<<< this line
burstSet('Product1','none');
}
}
And the reason why you get no Object with that ID is that you do NOT have ids!
Look here:
<input type="hidden" name="Dixon_Blackbear_3417_open_2c_Product1_selectedID" id="" >
The problem is that IE takes name= same as id=
And FF does NOT take name for ID.
ASKER
That is not the same code that is something completely different.
ASKER
I am just trying to find out why the show doesnt work.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
I am so sorry I didnt understasnd that the first time you posted it - you are a real life saver thanks!
Table's elements are not box elements so, you can not use display:block to handle the display state. You have to use the table display properties:
table, table-row, table-cell.....etc.
In order to show/hide table element (for example table row - tr) use the following code:
table, table-row, table-cell.....etc.
In order to show/hide table element (for example table row - tr) use the following code:
function toggleTableRow(rowId) {
var tr = document.getElementById(rowId);
tr.style.display = (tr.style.display == 'none') ? 'table-row' : 'none';
}
You are welcome.
<div id="MailFromDiv" name="MailFromDiv" style="display:none;">
[your html code]
</div>
and you call it like this:
javascript:toggle('MailFro
Cheers
Open in new window