show/hide problem with explorer 7

[may bailey]

Hi all,

I have been trying to use a show / hide script on my web site but when
I click on the "hide" button there occurs an error with explorer 7.
The web site starts to go down =) and there happens a blank on the top
of the page. the problem occurs when I use the codes more than one
content and when I add new contents with the codes below, the blanks
is getting greater =)

* I built my web sites on "joomla" open source content management
software.

<b>The codes I have tried between head tags are </b>

<script type=”text/javascript”>
function shToggle(conten t) {
if (document.getEl ementById(conte nt).style.displ ay == “none”)
document.getEle mentById(conten t).style.displa y = “block”
else
document.getEle mentById(conten t).style.displa y = “none”
}
</script>
<b>and I used that one in my each content </b>

<span>What’s the name of Calgary’s NHL Team?</span>
<a href=”javascrip t:void(0);” onclick=”shTogg le(’calgary’); return
false;”>show/hide answer</a>

<div id=”calgary” style=”display: none;”>The Calgary Flames</div>

You can check the images of the web site here :
http://forum.joomla.org/viewtopic.php?f=32&t=341625 I have also post
the problem on joomla forum but I think it's about coding.

[SAM]

Le 11/8/08 7:23 AM, may bailey a écrit :

* I built my web sites on "joomla" open source content management
software.

Nothing in this code calls something about joomla.

<script type=”text/javascript”>
function shToggle(conten t) {
if (document.getEl ementById(conte nt).style.displ ay == “none”)
document.getEle mentById(conten t).style.displa y = “block”
else
document.getEle mentById(conten t).style.displa y = “none”
}
</script>

function shToggle(conten t) {
var d = document.getEle mentById(conten t).style;
d.display = d.display=='non e'? 'block' : 'none';
return false;
}

<span>What’s the name of Calgary’s NHL Team?</span>
<a href=”javascrip t:void(0);” onclick=”shTogg le(’calgary’); return
false;”>show/hide answer</a>

take care to use correct quotes : " and ' instead of ” and ’

<p><a href="#" onclick="return shToggle('calga ry');">show/hide
answer</a></p>

<div id=”calgary” style=”display: none;”>The Calgary Flames</div>

<p id="calgary" style="display: none">voir ou non</p>

--
sm

[SAM]

Le 11/8/08 10:40 AM, SAM a écrit :

Le 11/8/08 7:23 AM, may bailey a écrit :

take care to use correct quotes : " and ' instead of ” and ’

CSS :
=====

#quizz span { display: none; }
#quizz .answer span { display: inline; color: red }

JS :
====
function toggle(what) {
what.className = what.className= =''? 'answer' : '';
}

HTML :
======
<h3>quizz</h3>
<ul id="quizz" title="click to show or hide answer">
<li onclick="toogle (this);">
question #1 : <span>answer 1</span></li>
<li onclick="toogle (this);">
question #2 : <span>answer 2</span></li>
<li onclick="toogle (this);">
question #3 : <span>answer 3</span></li>
</ul>
--
sm

[may bailey]

Hi again,

Thanks for your help but it didnt solve the problem.

I my codes with your new codes but I got the same error =( By the way
the marks (") that you wanted me to take care of seems ok in my site.

By the way, there is nothing related to joomla with the codes I wrote.
I just wanted to give enough informations about my problem.

There was a question mark in your codes for <script>..., what was that
for?

regards

[SAM]

Le 11/8/08 11:23 AM, may bailey a écrit :

Hi again,

Thanks for your help but it didnt solve the problem.

does that here :
<http://cjoint.com/?lim1tfDaan>
work for you ?

There was a question mark in your codes for <script>..., what was that
for?

Not understood.
what about do you talk?
I did correct your function (more simple and faster)
I did correct your html link :

- href="javascrip t:void()"
is the most uggly way to code a link with a JS event
At least put : href="#"
and prefer to give an url to a page for those browsing without JS.
To stop the call to html link (href) add : return false;
in the onclick

Another example of toggle :
<http://cjoint.com/?lingA6DNtO>

Method with css rollover on links :
<http://cjoint.com/?linoIBJCOn>
(and without JS)

--
sm

[Doug Gunnoe]

On Nov 8, 4:23*am, may bailey <maybai...@gmai l.comwrote:

There was a question mark in your codes for <script>..., what was that
for?

regards

http://en.wikipedia.org/wiki/Conditional_operator

[SAM]

Le 11/8/08 1:18 PM, SAM a écrit :

Le 11/8/08 11:23 AM, may bailey a écrit :

>There was a question mark in your codes for <script>..., what was that
for?

d.display = d.display=='non e'? 'block' : 'none';

translation :
d.display is, if d.display is 'none', 'block' else it is 'none'
same as :

d.display = (d.display=='no ne')? 'block' : 'none';

or :

if(d.display == 'none' ) d.display = 'block';
else d.display = 'none';

or :

if ( d.display == 'none' )
{
d.display = 'block';
}
else
{
d.display = 'none';
}

var displayed = d.display=='non e'; // true/false

if(displayed) d.display = 'block'; else d.display = 'none';

d.display = displayed? 'block' : 'none';
--
sm

[may bailey]

Thanks for the detailed answers.

Unfortunately the problem is still going on for explorer 7. I would
like to give the url of the page so maybe you can understand the
reason and we can find a solution??

the url of the page : http://emlaxity.com/main/content/blogcategory/14/28/#

you will see the hide / show option by every content.

Regards

[SAM]

Le 11/8/08 3:09 PM, may bailey a écrit :

Thanks for the detailed answers.

Unfortunately the problem is still going on for explorer 7. I would
like to give the url of the page so maybe you can understand the
reason and we can find a solution??

the url of the page : http://emlaxity.com/main/content/blogcategory/14/28/#

you will see the hide / show option by every content.

All I can say is that works in my Fx.3 (Mac) and my IE.6 (Win XP)

I haven't IE.7

You're working in XHTML and that doc-type supports no error of coding.

Unlovely I see :

<style type="text/css">
</style>
<script type="text/javascript">
function shToggle(conten t) {
var d = document.getEle mentById(conten t).style;
d.display = d.display=='non e'? 'block' : 'none';
return false;
}

</script>

which is not in the head
And My Firefox sees 60 errors ...
What does the validator tell about this page ?
<http://validator.w3.or g/check?uri=http% 3A%2F%2Femlaxit y.com%2Fmain%2F content%2Fblogc ategory%2F14%2F 28%2F>

--
sm

[SAM]

Le 11/8/08 11:56 PM, SAM a écrit :

Le 11/8/08 3:09 PM, may bailey a écrit :

>>
the url of the page :
http://emlaxity.com/main/content/blogcategory/14/28/#

I haven't IE.7

I got it and did install it.

That works fine !

--
sm