Solved

A little Javascript help please

Posted on 2011-09-05
27
381 Views
Last Modified: 2012-08-14
Hello Experts,

I need a little conditional javascript help please; my page here has the following javascript running;

<script language="JavaScript">
<!--

function enable_text(status)
{
status=!status; 
document.getElementById('normalproprice').disabled = status;
document.getElementById('specialpro').disabled = status;
document.getElementById('displayspecialpricepro').disabled = status;
document.getElementById('displayspecialdescpro').disabled = status;
document.getElementById('procrriageinc').disabled = status;
}
//-->
<!--

function enable_TGI_text(status)
{
status=!status; 
document.getElementById('normaltgiprice').disabled = status;
document.getElementById('specialtgi').disabled = status;
document.getElementById('tgicrriageinc').disabled = status;
document.getElementById('tgicarriagerate').disabled = status;
}
//-->
<!--

function Disable_TGI_Special_Carriage(status)
{
status=!status; 
document.getElementById('tgicarriagerate').enabled = status;

}
//-->
<!--

function enable_TGI_Special_Offer(status)
{
status=!status; 
document.getElementById('displayspecialpricetgi').disabled = status;
document.getElementById('displayspecialdesctgi').disabled = status;

}
//-->
<!--

function enable_TGI_Special_Price(status)
{
status=!status; 
document.getElementById('saletgiprice').disabled = status;
}
//-->
</script>

Open in new window


Where I'm currently stuck is on the tgicarriagerate object should only be enabled if

displaytgi IS checked AND tgicrriageinc IS NOT Checked,

Currently  tgicrriageinc is only enabled IF displaytgi IS checked

Also There are two other emements that I want to hide unless certain checkboxes are checked;

<ul>
      <li>
        <textarea name="specialdescriptiontgi" id="specialdescriptiontgi"></textarea>
      </li>
    </ul>
Should be hidden unless displayspecialdesctgi is checked

AND

<ul>
      <li>
        <textarea name="specialdescriptionpro" id="specialdescriptionpro"></textarea>
      </li>
    </ul>
Should be hidden unless displayspecialdescpro is checked.

Hope you can help with this,

Thank you
0
Comment
Question by:garethtnash
  • 14
  • 13
27 Comments
 
LVL 82

Expert Comment

by:leakim971
ID: 36484169
>Should be hidden unless displayspecialdesctgi is checked
to hide : document.getElementById('displayspecialpricetgi').style.display = "none";
to show : document.getElementById('displayspecialpricetgi').style.display = "block";


>Should be hidden unless displayspecialdescpro is checked.
to hide : document.getElementById('displayspecialpricepro').style.display = "none";
to show : document.getElementById('displayspecialpricepro').style.display = "block";

0
 

Author Comment

by:garethtnash
ID: 36484207
Thanks Leakim,

Have added this at the top ;

<script language="JavaScript">
document.getElementById('ULSpecialDescriptionTGI').style.display = "none";
document.getElementById('ULSpecialDescriptionPro').style.display = "none";
</script>

But it is still displaying the following -

    <ul id="ULSpecialDescriptionTGI">
      <li>
        <textarea name="specialdescriptiontgi" id="specialdescriptiontgi"></textarea>
      </li>
    </ul>

AND

<ul id="ULSpecialDescriptionPro">
      <li>
        <textarea name="specialdescriptionpro" id="specialdescriptionpro"></textarea>
      </li>
    </ul>

Thanks
0
 
LVL 82

Expert Comment

by:leakim971
ID: 36484219
use :

<script language="JavaScript">
window.onload = function() {
   document.getElementById('ULSpecialDescriptionTGI').style.display = "none";
   document.getElementById('ULSpecialDescriptionPro').style.display = "none";
}
</script>

Open in new window


or to hide them by default use CSS :

<style type="text/css">
#ULSpecialDescriptionTGI, #ULSpecialDescriptionPro {
      display:none;
}
</style>

Open in new window


0
 
LVL 82

Expert Comment

by:leakim971
ID: 36484223
if you still see them you may have duplicates ID in your page
or you unhide them programatically somewhere
0
 

Author Comment

by:garethtnash
ID: 36484235
If I use CSS, how do I change the display status for either of the Unordered Lists when the corresponding checkbox is checked?

Thanks
0
 
LVL 82

Expert Comment

by:leakim971
ID: 36484237
with javascript
0
 

Author Comment

by:garethtnash
ID: 36484294
OK, so have gone with this -

<script language="JavaScript">
window.onload = function() {
   document.getElementById('ULSpecialDescriptionTGI').style.display = "none";
   document.getElementById('ULSpecialDescriptionPro').style.display = "none";
}
</script>

Open in new window


Thank you..

I've added the following -

<script language="javascript">
Function_Display_Special_Description_TGI() 
{
document.getElementById('ULSpecialDescriptionTGI').style.display = "block";
}
</script>

Open in new window


And changed the checkbox to ;

<input name="displayspecialdesctgi" type="checkbox" id="displayspecialdesctgi" value="Y" disabled="disabled" onclick="Function_Display_Special_Description_TGI()" />

But nothing happens ?
0
 
LVL 82

Expert Comment

by:leakim971
ID: 36484303
you need to declare your function with the keyword : function

<script language="javascript">
function Function_Display_Special_Description_TGI() 
{
document.getElementById('ULSpecialDescriptionTGI').style.display = "block";
}
</script>

Open in new window

0
 

Author Comment

by:garethtnash
ID: 36484353
That is great thank you :)

Any suggestions on the first part?

"Where I'm currently stuck is on the tgicarriagerate object should only be enabled if

displaytgi IS checked AND tgicrriageinc IS NOT Checked,

Currently  tgicrriageinc is only enabled IF displaytgi IS checked"


Thank you
0
 
LVL 82

Expert Comment

by:leakim971
ID: 36484365
I saw you correctly handle that previously, just add your previous code in the right (and now well declared) function
I mean with :

document.getElementById('your control ID').disabled = true;
or :
document.getElementById('your control ID').disabled = false;

0
 

Author Comment

by:garethtnash
ID: 36484444
Thanks;

My script now looks like -

<script language="JavaScript">
window.onload = function() {
   document.getElementById('ULSpecialDescriptionTGI').style.display = "none";
   document.getElementById('ULSpecialDescriptionPro').style.display = "none";
}
<!--

function enable_text(status)
{
status=!status; 
document.getElementById('normalproprice').disabled = status;
document.getElementById('specialpro').disabled = status;
document.getElementById('displayspecialpricepro').disabled = status;
document.getElementById('displayspecialdescpro').disabled = status;
document.getElementById('procrriageinc').disabled = status;
}
//-->
<!--

function enable_TGI_text(status)
{
status=!status; 
document.getElementById('normaltgiprice').disabled = status;
document.getElementById('specialtgi').disabled = status;
document.getElementById('tgicrriageinc').disabled = status;
document.getElementById('tgicarriagerate').disabled = status;
}
//-->
<!--

function Disable_TGI_Special_Carriage(status)
{
status=!status; 
document.getElementById('tgicarriagerate').disabled = true;

}
//-->
<!--

function enable_TGI_Special_Offer(status)
{
status=!status; 
document.getElementById('displayspecialpricetgi').disabled = status;
document.getElementById('displayspecialdesctgi').disabled = status;

}
//-->
<!--

function enable_TGI_Special_Price(status)
{
status=!status; 
document.getElementById('saletgiprice').disabled = status;
}
//-->

function Display_Special_Description_TGI() 
{
document.getElementById('ULSpecialDescriptionTGI').style.display = "block";
}
function Display_Special_Description_Pro() 
{
document.getElementById('ULSpecialDescriptionPro').style.display = "block";
}
</script>

Open in new window


Most of these are using the OnClick attribute, one last question-

Assume the checkbox is clicked (checked) in error, and the user Unchecks, whatever behavious has been applied via OnClick remains, is there a work around for this?

Thanks Leakim

0
 
LVL 82

Expert Comment

by:leakim971
ID: 36484460
>is there a work around for this?

uncheck it/them :
document.getElementById('your control ID').checked = true;
or
document.getElementById('your control ID').checked = false;


0
 

Author Comment

by:garethtnash
ID: 36484503
How does that work with this bit -

status=!status;

I get that

document.getElementById('your control ID').checked = true;

means that 'your control ID' is checked

But status=!status;

reverses it, how do the two work together?

I guess not like -


function Disable_TGI_Special_Carriage(status)
{
status=!status; 
document.getElementById('tgicarriagerate').disabled = true;
}

Open in new window


I'm missing a status = OR = status in there somewhere surely?

Thank you
0
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 
LVL 82

Expert Comment

by:leakim971
ID: 36484514
what about :
document.getElementById('your control ID').checked = !status;
0
 

Author Comment

by:garethtnash
ID: 36484523
Can you explain? It's missing the True or False? I'm confused.. :(
0
 
LVL 82

Expert Comment

by:leakim971
ID: 36484527
!status is "true" or "false", you don't really need to test it
so assuming it return true or false, you use its state to check or uncheck  
0
 
LVL 82

Expert Comment

by:leakim971
ID: 36484543
else use something like :

if(!status) document.getElementById('your control ID').checked = false;
0
 

Author Comment

by:garethtnash
ID: 36484550
Ok,

So should this work -

status=!status; 
document.getElementById('tgicarriagerate').checked = !status;
}

Open in new window


With -

<input name="tgicrriageinc" type="checkbox" id="tgicrriageinc" value="Y" disabled="disabled" onclick="Disable_TGI_Special_Carriage(this.checked)" />

Open in new window


Because it does nothing?

Thanks again (Sorry if I'm being dumb)
0
 
LVL 82

Expert Comment

by:leakim971
ID: 36484556
document.getElementById('tgicarriagerate') is not a checkbox
but a textbox, what do you want to do?
0
 

Author Comment

by:garethtnash
ID: 36484575
if tgicrriageinc is checked disable tgicarriagerate
if tgicrriageinc is not checked enable tgicarriagerate

Allow the user to check and uncheck as needed, with the javacript function changing tgicarriagerate each time the user does anything with tgicrriageinc

Does that make much sense?

Thank you
0
 
LVL 82

Expert Comment

by:leakim971
ID: 36484582
>if tgicrriageinc is checked disable tgicarriagerate

just use :
document.getElementById('tgicarriagerate').disabled = status;

0
 

Author Comment

by:garethtnash
ID: 36484625
Thank you, it doesn't work for the Hide / Show regions though -

window.onload = function() {
   document.getElementById('ULSpecialDescriptionTGI').style.display = "none";
   document.getElementById('ULSpecialDescriptionPro').style.display = "none";
}

Open in new window


This part Enables / Shows but hos do I hide again?

function Display_Special_Description_TGI() 
{
document.getElementById('ULSpecialDescriptionTGI').style.display = "block";
}
function Display_Special_Description_Pro() 
{
document.getElementById('ULSpecialDescriptionPro').style.display = "block";
}

Open in new window


Almost there - thank you
0
 
LVL 82

Expert Comment

by:leakim971
ID: 36484643
>Thank you, it doesn't work for the Hide / Show regions though -

I don't see this region when I open the page : look like it work

if the show work, hide should work too

"block" unhide
"none" hide
0
 

Author Comment

by:garethtnash
ID: 36484670
Check -

Display on TGI Direct

And in 'Special Offers -TGI Direct' section  Check -

On Special Offer (Y/N)

AND

Display Special Description (Y/N)

Then try unchecking

Display Special Description (Y/N)

Section is still there..

0
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 36484695
Special Offers -TGI Direct' section

is not inside the right ul (id ULSpecialDescriptionTGI), here is the content :
<ul id="ULSpecialDescriptionTGI" style="display: none; ">
      <li>
        <textarea name="specialdescriptiontgi" id="specialdescriptiontgi" style="display: none; " aria-hidden="true"></textarea><span role="application" aria-labelledby="specialdescriptiontgi_voice" id="specialdescriptiontgi_parent" class="mceEditor defaultSkin"><span class="mceVoiceLabel" style="display:none;" id="specialdescriptiontgi_voice">Rich Text Area</span><table role="presentation" id="specialdescriptiontgi_tbl" class="mceLayout" cellspacing="0" cellpadding="0" style="width: 780px; height: 100px; "><tbody><tr role="presentation" class="mceFirst"><td class="mceToolbar mceLeft mceFirst mceLast" role="presentation"><div id="specialdescriptiontgi_toolbargroup" role="group" aria-labelledby="specialdescriptiontgi_toolbargroup_voice" tabindex="-1"><span role="application"><span id="specialdescriptiontgi_toolbargroup_voice" class="mceVoiceLabel" style="display:none;">Toolbar</span><table id="specialdescriptiontgi_toolbar1" class="mceToolbar mceToolbarRow1 Enabled" cellpadding="0" cellspacing="0" align="" role="presentation" tabindex="-1" aria-disabled="false" aria-pressed="false"><tbody><tr><td class="mceToolbarStart mceToolbarStartButton mceFirst"><span><!-- IE --></span></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_bold" href="javascript:;" class="mceButton mceButtonEnabled mce_bold" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_bold_voice" title="Bold (Ctrl+B)" tabindex="-1" aria-pressed="false"><span class="mceIcon mce_bold"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_bold_voice">Bold (Ctrl+B)</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_italic" href="javascript:;" class="mceButton mceButtonEnabled mce_italic" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_italic_voice" title="Italic (Ctrl+I)" tabindex="-1" aria-pressed="false"><span class="mceIcon mce_italic"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_italic_voice">Italic (Ctrl+I)</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_underline" href="javascript:;" class="mceButton mceButtonEnabled mce_underline" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_underline_voice" title="Underline (Ctrl+U)" tabindex="-1" aria-pressed="false"><span class="mceIcon mce_underline"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_underline_voice">Underline (Ctrl+U)</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_justifyleft" href="javascript:;" class="mceButton mceButtonEnabled mce_justifyleft" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_justifyleft_voice" title="Align left" tabindex="-1" aria-pressed="false"><span class="mceIcon mce_justifyleft"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_justifyleft_voice">Align left</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_justifycenter" href="javascript:;" class="mceButton mceButtonEnabled mce_justifycenter" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_justifycenter_voice" title="Align center" tabindex="-1" aria-pressed="false"><span class="mceIcon mce_justifycenter"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_justifycenter_voice">Align center</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_justifyright" href="javascript:;" class="mceButton mceButtonEnabled mce_justifyright" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_justifyright_voice" title="Align right" tabindex="-1" aria-pressed="false"><span class="mceIcon mce_justifyright"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_justifyright_voice">Align right</span></a></td><td class="mceToolbarEnd"><span><!-- IE --></span></td><td style="position: relative"><span role="button" aria-haspopup="true" aria-labelledby="specialdescriptiontgi_fontsizeselect_text" aria-describedby="specialdescriptiontgi_fontsizeselect_voiceDesc"><table role="presentation" tabindex="-1" id="specialdescriptiontgi_fontsizeselect" cellpadding="0" cellspacing="0" class="mceListBox mceListBoxEnabled mce_fontsizeselect" aria-valuenow="Font size"><tbody><tr><td class="mceFirst"><span id="specialdescriptiontgi_fontsizeselect_voiceDesc" class="voiceLabel" style="display:none;">Font size</span><a id="specialdescriptiontgi_fontsizeselect_text" tabindex="-1" href="javascript:;" class="mceText mceTitle" onclick="return false;" onmousedown="return false;">Font size</a></td><td class="mceLast"><a id="specialdescriptiontgi_fontsizeselect_open" tabindex="-1" href="javascript:;" class="mceOpen" onclick="return false;" onmousedown="return false;"><span><span style="display:none;" class="mceIconOnly" aria-hidden="true">¿</span></span></a></td></tr></tbody></table></span></td><td class="mceToolbarStart"><span><!-- IE --></span></td><td style="position: relative"><span role="button" aria-labelledby="specialdescriptiontgi_forecolor_voice" aria-haspopup="true"><table id="specialdescriptiontgi_forecolor" role="presentation" tabindex="-1" class="mceSplitButton mceSplitButtonEnabled mce_forecolor" cellpadding="0" cellspacing="0" title="Select text color"><tbody><tr><td class="mceFirst"><a role="button" id="specialdescriptiontgi_forecolor_action" tabindex="-1" href="javascript:;" class="mceAction mce_forecolor" onclick="return false;" onmousedown="return false;" title="Select text color"><span class="mceAction mce_forecolor"></span><span class="mceVoiceLabel mceIconOnly" id="specialdescriptiontgi_forecolor_voice" style="display:none;">Select text color</span><div id="specialdescriptiontgi_forecolor_preview" class="mceColorPreview" style="background-color: rgb(136, 136, 136); "></div></a></td><td class="mceLast"><a role="button" id="specialdescriptiontgi_forecolor_open" tabindex="-1" href="javascript:;" class="mceOpen mce_forecolor" onclick="return false;" onmousedown="return false;" title="Select text color"><span class="mceOpen mce_forecolor"><span style="display:none;" class="mceIconOnly" aria-hidden="true">¿</span></span></a></td></tr></tbody></table></span></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_bullist" href="javascript:;" class="mceButton mceButtonEnabled mce_bullist" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_bullist_voice" title="Unordered list" tabindex="-1" aria-pressed="false"><span class="mceIcon mce_bullist"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_bullist_voice">Unordered list</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_numlist" href="javascript:;" class="mceButton mceButtonEnabled mce_numlist" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_numlist_voice" title="Ordered list" tabindex="-1" aria-pressed="false"><span class="mceIcon mce_numlist"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_numlist_voice">Ordered list</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_outdent" href="javascript:;" class="mceButton mce_outdent mceButtonDisabled" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_outdent_voice" title="Outdent" tabindex="-1" aria-disabled="true"><span class="mceIcon mce_outdent"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_outdent_voice">Outdent</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_indent" href="javascript:;" class="mceButton mceButtonEnabled mce_indent" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_indent_voice" title="Indent" tabindex="-1"><span class="mceIcon mce_indent"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_indent_voice">Indent</span></a></td><td class="mceToolbarEnd mceToolbarEndButton mceLast"><span><!-- IE --></span></td></tr></tbody></table><table id="specialdescriptiontgi_toolbar2" class="mceToolbar mceToolbarRow2 Enabled" cellpadding="0" cellspacing="0" align="" role="presentation" tabindex="-1" aria-disabled="false" aria-pressed="false"><tbody><tr><td class="mceToolbarStart mceToolbarStartButton mceFirst"><span><!-- IE --></span></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_cut" href="javascript:;" class="mceButton mceButtonEnabled mce_cut" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_cut_voice" title="Cut" tabindex="-1"><span class="mceIcon mce_cut"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_cut_voice">Cut</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_copy" href="javascript:;" class="mceButton mceButtonEnabled mce_copy" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_copy_voice" title="Copy" tabindex="-1"><span class="mceIcon mce_copy"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_copy_voice">Copy</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_paste" href="javascript:;" class="mceButton mceButtonEnabled mce_paste" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_paste_voice" title="Paste" tabindex="-1"><span class="mceIcon mce_paste"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_paste_voice">Paste</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_removeformat" href="javascript:;" class="mceButton mceButtonEnabled mce_removeformat" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_removeformat_voice" title="Remove formatting" tabindex="-1"><span class="mceIcon mce_removeformat"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_removeformat_voice">Remove formatting</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_undo" href="javascript:;" class="mceButton mce_undo mceButtonDisabled" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_undo_voice" title="Undo (Ctrl+Z)" tabindex="-1" aria-disabled="true"><span class="mceIcon mce_undo"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_undo_voice">Undo (Ctrl+Z)</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_redo" href="javascript:;" class="mceButton mce_redo mceButtonDisabled" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_redo_voice" title="Redo (Ctrl+Y)" tabindex="-1" aria-disabled="true"><span class="mceIcon mce_redo"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_redo_voice">Redo (Ctrl+Y)</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_link" href="javascript:;" class="mceButton mce_link mceButtonDisabled" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_link_voice" title="Insert/edit link" tabindex="-1" aria-disabled="true"><span class="mceIcon mce_link"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_link_voice">Insert/edit link</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_unlink" href="javascript:;" class="mceButton mce_unlink mceButtonDisabled" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_unlink_voice" title="Unlink" tabindex="-1" aria-disabled="true"><span class="mceIcon mce_unlink"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_unlink_voice">Unlink</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_anchor" href="javascript:;" class="mceButton mceButtonEnabled mce_anchor" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_anchor_voice" title="Insert/edit anchor" tabindex="-1"><span class="mceIcon mce_anchor"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_anchor_voice">Insert/edit anchor</span></a></td><td style="position: relative"><a role="button" id="specialdescriptiontgi_code" href="javascript:;" class="mceButton mceButtonEnabled mce_code" onmousedown="return false;" onclick="return false;" aria-labelledby="specialdescriptiontgi_code_voice" title="Edit HTML Source" tabindex="-1"><span class="mceIcon mce_code"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="specialdescriptiontgi_code_voice">Edit HTML Source</span></a></td><td class="mceToolbarEnd mceToolbarEndButton mceLast"><span><!-- IE --></span></td></tr></tbody></table></span></div><a href="#" accesskey="z" title="Jump to tool buttons - Alt+Q, Jump to editor - Alt-Z, Jump to element path - Alt-X" onfocus="tinyMCE.getInstanceById('specialdescriptiontgi').focus();"><!-- IE --></a></td></tr><tr><td class="mceIframeContainer mceFirst mceLast"><iframe id="specialdescriptiontgi_ifr" src='javascript:""' frameborder="0" allowtransparency="true" title="Rich Text Area. Press ALT F10 for toolbar. Press ALT 0 for help." style="width: 100%; height: 100px; "></iframe></td></tr><tr class="mceLast"><td class="mceStatusbar mceFirst mceLast"><div id="specialdescriptiontgi_path_row" role="group" aria-labelledby="specialdescriptiontgi_path_voice" tabindex="-1"><span id="specialdescriptiontgi_path_voice">Path</span><span>: </span><span id="specialdescriptiontgi_path"><a href="javascript:;" role="button" onmousedown="return false;" class="mcePath_0" id="_mce_item_7" tabindex="-1">p</a></span></div><a id="specialdescriptiontgi_resize" href="javascript:;" onclick="return false;" class="mceResize" tabindex="-1"></a></td></tr></tbody></table></span>
      </li>
    </ul>

Open in new window

so no effect
0
 

Author Comment

by:garethtnash
ID: 36487913
Hi Leakim,

Sorry for the delay in coming back to you, :)

Thanks for all your help, I wouldn't have got there without you :)

I did find something to toggle visibility which I've applied along with the other rules, and it is now working nicely, needs a little further refinement, but ; :)

http://blog.movalog.com/a/javascript-toggle-visibility/

Thanks again for your help :)

0
 

Author Closing Comment

by:garethtnash
ID: 36487915
TY
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

760 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now