Solved

Lightbox (prototype.js) to open on right mouse click

Posted on 2011-03-08

2 solutions

Medium Priority

897 Views

Last Modified: 2012-05-11

Hi,

jquery currently doesn't work on my website (conflict with existing script), so I need a lightbox (prototype.js I guess) script to be opened when someone uses the right mouse click on my website. This is to prevent users from copying image address - in lightbox there will be code how to embed particular image elsewhere (therefore the lightbox needs to support html).

I like this script: http://www.artviper.net/bumpbox-demo/index.html , however I don't know how to fire it on right mouse click.

Thanks
Tom

Comment

Question by:jhmplondon

[X]

Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

Help others & share knowledge
Earn cash & points
Learn & ask questions

Join The Community

6 Comments

LVL 11

Expert Comment

by:Bruce Smith

ID: 350751462011-03-08

...conflict with existing scripts...

What do you mean? Do you already have a jQuery plugin and you want to add another one? Are you using Joomla or something?

You can have as many jQuery plugins on one page that you want. You just have to make small mods. Post some code and I'll help you out.

Author Comment

by:jhmplondon

ID: 350754572011-03-08

Nope, I have custom made website, but I think it uses prototype.js (not sure about it - can't see it anywhere included on the website). If I inculde jquery library some parts of my website stop working like this star rating for example:

<div class="ratingRate" id="userRating">
					<a href="#" onclick="return rate(<?php echo $iv->image['id'];?>,1);" onmouseout="sr('userRating',0);" onmouseover="sr('userRating',1);"></a>
					<a href="#" onclick="return rate(<?php echo $iv->image['id'];?>,2);" onmouseout="sr('userRating',0);" onmouseover="sr('userRating',2);"></a>
					<a href="#" onclick="return rate(<?php echo $iv->image['id'];?>,3);" onmouseout="sr('userRating',0);" onmouseover="sr('userRating',3);"></a>
					<a href="#" onclick="return rate(<?php echo $iv->image['id'];?>,4);" onmouseout="sr('userRating',0);" onmouseover="sr('userRating',4);"></a>
					<a href="#" onclick="return rate(<?php echo $iv->image['id'];?>,5);" onmouseout="sr('userRating',0);" onmouseover="sr('userRating',5);"></a>
				</div>

Open in new window

I just know that once I include jquery in my page header, parts of my website stop working, so I can't use jQuery, therefore I'm looking for prototype/mootools lightbox which can be fired once someone presses right mouse button.

LVL 11

Assisted Solution

by:Bruce Smith

Bruce Smith earned 500 total points

ID: 350755192011-03-08

This short article should alleviate your issue: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

LVL 11

Expert Comment

by:Bruce Smith

ID: 350755222011-03-08

Basically, include the noConfilcts() call and use "jQuery" as opposed to "$" in you jQuery code.

Author Comment

by:jhmplondon

ID: 350755752011-03-08

Ok, I didn't try it yet, however I'm surprised one can use these two libraries together! Thanks a lot. I'll try this solution.

Now how about to fire onclick action with jquery if someone presses only right mouse button over the element?

LVL 11

Accepted Solution

by:Bruce Smith

Bruce Smith earned 500 total points

ID: 350756672011-03-08

You'll have to add the something like the following after in the document.ready section:

$([selector]).mousedown(function(e) {
    if (e.which === 3) {
        // do your onclick action here...

    }
});

Open in new window

Featured Post

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Improved Form Tokens to Guard Against CSRF and Screen Scrapers

Article by: Ray

Nothing in an HTTP request can be trusted, including HTTP headers and form data. A form token is a tool that can be used to guard against request forgeries (CSRF). This article shows an improved approach to form tokens, making it more difficult to…

How a “Why Us” Page Makes Your Business Stand Out

Article by: Lexie

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.

Corner Ribbon Effect in CSS

Video by: Sarah

In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon": Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …