DotNetNuke Skins and Resources by ThinkofDesign

Need to post code?

Active Forums will automatically format code for you similar to what you see in Visual Studio. All you need to do is wrap your code with <code> </code> tags and it will format everything in between. Quick Reply actually works best for handling code formatting.

Forums

Forums > Other > JavaScript
Subject: GreyBox
Prev Next
You are not authorized to post a reply.

Author Messages
MarkWebGuru User is Offline
New Member
New Member
Posts: 12
02/23/2007 12:30 PM Alert 
    Hey Vasilis,
Can't figure out how to get the GreyBox going on with the DNN site.

1. Uploaded the Greybox folder.
2. I download my Default.aspx page and put in the
:


<script type="text/javascript">
    var GB_ROOT_DIR = "http://mydomain.com/greybox/";
</script>


<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>


3. And put rel="gb_imageset[nice_pics]" in the href tag. I'm putting this in the "text/HTML" module...

You mention in your blog DOM, what is that? Can you give more details on this?

BTW - I'm using your forum
Kindest Regards,

~Mark


Vasilis User is Offline
Yellow Member
Yellow Member
Posts: 296
02/26/2007 01:54 PM Alert 
Hi Mark,

Please take a look in this thread:

Dotnetnuke and GreyBox

Document Object Model or (DOM) is a way to refer to XML or HTML elements as objects.

Cheers
MarkWebGuru User is Offline
New Member
New Member
Posts: 12
02/26/2007 05:13 PM Alert 
Hi Vasilis,
It is working but the jpg is in a box that has space to the right of it. You can view it here http://pixelperfectwebstudio.com/Portfolio/tabid/60/Default.aspx and go to Verizon Wireless Music Template and click the image or link.

Your Awesome :)
Vasilis User is Offline
Yellow Member
Yellow Member
Posts: 296
02/26/2007 06:13 PM Alert 
Hi Mark,

There are several ways to use GreyBox. Follow the link below to explore all available methods as well as examples of usage:

GreyBox - Advance usage

I think the GB_showImage method is the most appropriate in your case.

Cheers
MarkWebGuru User is Offline
New Member
New Member
Posts: 12
02/26/2007 07:08 PM Alert 
Hey Vasilis,
Thanks so much :) I have one last thing that I can't figure out. It's after you click and you view the pic, it's not sizing to the orginal image and it's giving scroll bars. Here is my code:

< a title="Verizon Wireless Music Template" onclick="return GB_showCenter(this.title,this.href, 528, 700);" href="http://pixelperfectwebstudio.com/portfolio/musictemplate.jpg"> < /a>
Vasilis User is Offline
Yellow Member
Yellow Member
Posts: 296
02/26/2007 07:37 PM Alert 
Why don't you use the GB_showImage method? No need for width and height and the image shows up in the center of the screen like with the GB_showCenter.
MarkWebGuru User is Offline
New Member
New Member
Posts: 12
02/27/2007 10:18 AM Alert 
Vasilis,
Your the man, you hit the nail on the head, that was the fix.

Kindest Regards,

-Mark
You are not authorized to post a reply.
Forums > Other > JavaScript > GreyBox


ActiveForums 3.6