Change towards opening

[Cino]

1) Script Title: Drop Down/ Overlapping Content

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...lapcontent.htm

3) Describe problem:

Hi, im italian so excuse me for my language errors. Im using ur script, found at link above to open and close a popup. I would need to change the direction of opening. Now the window opens towards right and i would like to open it to left.

Can u help me? I would appreciate any ur advice.

[jscheuer1]

That script is actually officially presented here:

http://www.dynamicdrive.com/dynamici...lapcontent.htm

Which is the official demo page for it. On that page, your question is answered in the section headed:

More Information

Please see that section on the demo page.

[Cino]

Thanks jscheuer1

Ive tested the script following the instructions but unfortunately it seems not to work...When i click, it opens the link in this part instead of the popup

<a href="http://www.dynamicdrive.com" id="searchlink" rel="subcontent">Search DD</a>

Ive tried to replace the address with the symbol #, but the link remains static...

how can I solve?

[ddadmin]

Not sure if I understood you correctly, but as John said, the orientation of where the Content Drops down relative to the anchor link is explained in the "More Information" section on the script page. Specifically, the parameter in red below:

dropdowncontent.init("searchlink", "right-bottom", 500, 'mouseover')

Valid values are: "left-bottom", "right-bottom", "left-top", or "right-top"

[Cino]

Sorry ddadmin, ive some problem with english

The problem is that this script doesn't work correctly and I don't understand the reason...

When i click on the link, it doesn't open the popup but this address:

<p>Demo #1: <a href="http://www.dynamicdrive.com" id="searchlink" rel="subcontent">Search DD</a></p>

Ive tried this way:

<p>Demo #1: <a href="#" id="searchlink" rel="subcontent">Search DD</a></p>

but the problem remains and the link doesn't work...

With the previous script (this: http://www.dynamicdrive.com/forums/s...08&postcount=6) it was ok.

Im sure this is a small problem, but Im not able to solve it.

[jscheuer1]

Please post a link to the page on your site that contains the problematic code so we can check it out.

[Cino]

Please post a link to the page on your site that contains the problematic code so we can check it out.

For the moment i work in local, so ive update a test page here:

http://www.clanlasicilia.altervista.org/pag.html

Here's the script:

http://www.clanlasicilia.altervista....downcontent.js

If u click on both links, the script doesn't show any popup. What's the error?

[jscheuer1]

You left out the initialization (from the demo - goes right before the closing </body> tag):

<script type="text/javascript">
//Call dropdowncontent.init("anchorID", "positionString", glideduration, "revealBehavior") at the end of the page:

dropdowncontent.init("searchlink", "right-bottom", 500, "mouseover")
dropdowncontent.init("contentlink", "left-top", 300, "click")

</script>

Your first test would init on just:

<script type="text/javascript">
//Call dropdowncontent.init("anchorID", "positionString", glideduration, "revealBehavior") at the end of the page:

dropdowncontent.init("searchlink", "right-bottom", 500, "mouseover")


</script>

But your second test uses the same id as the first test, so some browsers will give up and not init either. Go back to the demo page and follow the instructions for Step 1 and Step 2 exactly as written.

Once you do that, it will work. Then you can begin customizing it.

[Cino]

I'm a true idiot! I hadn't seen that part of code...

Thank you very much jscheuer1 and excuse me for my stupid distraction.

Ive a last question (just a little curiosity): is it possible to move this part in the file .js in some way?

dropdowncontent.init("searchlink", "right-bottom", 500, "mouseover")
dropdowncontent.init("contentlink", "left-top", 300, "click")

Thanks again for the support!

[jscheuer1]

Yes, but it would require using the onload event*. If your page has another script or scripts that already use the onload event, that can get a little complicated, but can be worked out. If this is the only script on your page, or the only script on your page that would be using the onload event, it is comparatively simple. You could add at the very end of the dropdowncontent.js file:

window.onload = function(){
dropdowncontent.init("searchlink", "right-bottom", 500, "mouseover");
dropdowncontent.init("contentlink", "left-top", 300, "click");
};

If you have a problem with doing it this way, (once again) a link to the page would be required to diagnose that.


* The onload event can take various forms. So if you have another script or scripts on the page, and are unfamiliar with the concept of the onload event, it may already be in use without your being aware of it. The worst that can happen in such a case is that one or the other of the scripts or script attempting to use the onload event would stop working.