PDA

View Full Version : Help with an ad script combination.



Gamool
Jun 24th, 2009, 10:09 PM
Hello Guys,

I'd like to know how can i apply that two combination of script to an image as per the below chart,

http://img141.imageshack.us/img141/645/chartl.jpg

- Page are loading peacfully.
- User clicks on the image/flash ... (Lets say that it is an image for the time being)
- page scrolled to the right (smoothly) and display the hidden <div>

I have researched for the available scripts and codes and i've found both of them smooth scrolling to any corner and hiding and displaying DIV tags.

Smooth Scrolling
http://flesler.blogspot.com/2007/10/jquerylocalscroll-10.html

Hiding and showing DIV tags
http://www.webmasterworld.com/forum91/441.htm

Can anyone for God's sake try to compine or even instruct how it could go the right way,

I really appreciate your actions ans response Guys,

Thanks in advance... :)

tomws
Jun 24th, 2009, 11:14 PM
It can all be done with jquery which has ample documentation. Just put together a simple page with a few divs and start playing with it.

GaVrA
Jun 25th, 2009, 01:39 AM
Like tomws said, you can use jquery to add element's to DOM.

Something like this should do the trick:


$(function() {
$("img").click(function() {
$("html for that <div> on the right").appendTo("body");
});
});

Im not sure if i got it right, 2am here... :) That's just the idea how to do it...

Gamool
Jun 25th, 2009, 09:32 AM
Thanks Guys for your help,

I have a question,

If I have designed the page then i gave it to you to apply these scripts (which i hope it would be jQuery and JS away from PHP as my page is based on ASP) would that be okay?

Please confirm so i can give you the page sources and materials right away.

Thanks

tomws
Jun 25th, 2009, 03:58 PM
No, that wouldn't be okay. This isn't a free coding service unless you find someone who wants their Thanked count padded.

However, you'll find plenty of people who would be willing to help you find and correct problems in your code once you've put in some effort yourself.

Gamool
Jun 26th, 2009, 10:21 PM
Hello again guys,

I have created the DIVs and everything is okay now located here:
http://gamool.freehostia.com/Testing/Test.html

I have searched and by accident i found this script which i think it is the best one i;ve ever heard (combined both ones)
http://screwlewse.com/?p=30

can any one check the page and that new code and tell me how to apply it ( User clicks on the black rectangle the right DIV show as it is already hidden one the page loads )

Thanks in advance :)

tomws
Jun 26th, 2009, 10:30 PM
Should your testing page really be MSN?

The jquery example on the other site isn't a "script" - it's actually one of the jquery functions. The site describes how to use it. Looking at the page code, you can see this in the header:

jQuery(document).ready(function(){
// Hide the site-meta panel
jQuery('#meta-panel').hide();

// Toggle site-meta panel visibilty and class when handle is clicked
jQuery('#meta-anchor').click(function() {
jQuery('#meta-panel').slideToggle(50);
jQuery(this).toggleClass("active");
return false;
} );
});


The jquery site also has ample documentation and lots of examples. Try it out (http://jquery.com/).

Gamool
Jun 26th, 2009, 10:50 PM
Yes, i'm managing online advertising in MSN Arabia :)

Sorry i couldnt figure out how can i use this and toggling show/hide via the black rectangle.

Appreciating your support...