I am displaying my own context menu in response to a right-click on control (textbox) in my ASP.NET application. In IE, I can suppress the display of the browser's own context menu by simply returning false from the javascript that displays my context menu.How can I suppress the browser context menus from Chrome or Firefox?
View 2 RepliesI know how to disable the context menu (the right hand mouse button) and how to replace it by my own menu. I also know that not everybody likes this - so let's not discuss about that here.
What I can't figure out and what I would like to know, is:
1) How to ADD elements to it, i.e. keep the original contents and add something to it;
2) How to RESTORE it to its original contents.
Does anyone know the code for a simple working example of these things?
I am creating html pages with forms where I use Dynarch menu script in a
context menu mode. Their script needs to be initialized like this:
<body onload="DynarchMenu.setup('menu', { context: true });">
This is in the beginning of the html page.
But, in my webpages I have only few pages where I actually use this kind of
menu. Since I use smarty template engine, I have single html-header file for
all pages - it includes the same <html><head><bodyetc. for each page.
So I tried to initialize this dynarch script only within the page that
actually uses this menu. I do it like this:
<form>[...]</form>
<ul id="menu">
[context menu elements definition here]
</ul>
<script>window.onload=DynarchMenu.setup('menu',{ context: true });</script>
This thing works OK in Firefox, however when I load such page in IE6 it
aborts the operation without even showing the page, and the popup message
says:
"Internet Explorer cannot open the Internet site http://example.com.
Operation aborted."
Does anyone know a way how to initialize the DynarchMenu.setup not from the
<bodyelement but from anywhere else in the html page?
I have a problem with YUI context menu. I want the menu to show different links (with product_id) in every row. I have been struggling with this for days no without result.My code is as follow:
Code:
$result = dbquery("SELECT ..........
echo "<table id='dataset' style='vertical-align: bottom' cellpadding='0' cellspacing='0' width='".$laius."' class='table11'>";
echo "<tr><td >TABLE HEADER</td></tr>";
[code]....
As you can see table row takes menu items according to id (type1, type2 etc).But as my table is created from mysql database dynamically, it does'n work that way.
opens a new window on the right side. resizes the main window. good for online help and
guided tours over multiple websites. still improving it....
I want to add a context-menu to a button only. The aontext menu has to be dynamic one. it can be configurable.
View 1 Replies View RelatedAssuming I have an image in my page
I would like to invoke the 'save as' context menu for that image when the user left-clicks the image
I will have a link embedding the image. Clicking the link should invoke the menu and allow the user to save the image
Assuming I have 2 images. Image A and image B.
Image B is a small thumbnail version of image A
Image B is displayed on the screen
When the user left-clicks it, the 'save as' context menu should open (see previous question) and will allow the user to save image A (this is right, the original image and not the thumbnail being display)
Is this possible?
I have a TEXTAREA element. A user right clicks within in to get the context menu and they select "paste". I want my javascript code to know that they selected "paste". I know you can capture the mouse click, but can we capture exactly what event that attempted?
View 3 Replies View RelatedI recently started on a tree-folder display and used the Yahoo treeview control. Again it works very well and I am happy with the results. However, after seeing the treeview folder structure, my client asked if it would possible to add a right mouse click context menu to allow users to modify the folder tree -- add new folders, upload files, rename folders, delete folders, etc.
Updating the tree with the new elements is simple enough, but my attempts to implement the context menu have failed miserably. I have studied the Yahoo documentation and I can identify the name of nodes and the label of the element clicked on. But I can't figure out how to add the right-click code to the nodes the YUI Treeview generates.
I have successfully used various right-click Javascript scripts in the past -- but in those cases I was adding the function to an actual HTML element. The YUI elements are generated by the script, and I am at a loss as how to add the code to the generated node elements.
The application is part of a corporate intranet, and will only be used with Internet Explorer 6.0+ on Windows. The new context menu would completely replace the standard Windows context menu.
I am tempted to hack the YUI Treeview script to see if I can add a right click function similar to the Expand, Collapse and Clicked node functions, but I suspect that there is probably a simpler and easier way to do it.
code to disable right click menu when we right click on "a" tag. But it doesn't work on elements created on the fly. Do you guys know how to tackle this?
View 9 Replies View RelatedI try to use the Plugin in SP. The problem is, that the offset is calculated wrong when using it in a Webpart. So the contextmenu is always displayed a litlle bit more to the right and a litle bit more to the bottom of the page. Playing with the left and top values using firebug i have figured out, that the top left corner is inside the webpart right underneath the title of the webpart.
Is there a way to manipulate the plugin so the position of the menu is corrected?
Is it possible? Say We have a list of suppliers link like
A supplier
B supplier
when right click on a supplier, a context menu(that has
"details","view products", etc) appears and click on "view products
for this supplier" this click will redirect users to products page
showing all products from the supplier.
So href should look some like this
<a href="RightClicked(ཆ')">A supplier</a>
<script>
function RightClicked(supplierID)
{
// don't know I am making this up here
if (viewDetailsClicked)
ShowDetails(supplierID);
else if (viewProducts)
ShowProducts(supplierID)
etc
..
}
</script>
Can it be done, does anyone have the script?
as title, is there any way to clone certain html text by right click the context Menu?
View 2 Replies View RelatedUsing onclick=window.open function in js to open a pdf file link in a new popup window. Works fine to display the file onscreen, but not if the user wants to save the file client-side to their computer. The right-hand-button context menu for the mouse will allow the user to download, but the file saved will be a html dump file for the webpage and the name of the file will be that for the webpage. Of course I can use the easy <a href> method for download links and the mouse context menu options will be as expected, but I can only use target="-blank" or target="_self". I need a popup window to open.
Could use :
oncontextmenu="alert('Left click the link to open, and then SAVE from with the pdf viewer')
to advise users how to save the file, and could use:
"javascript: void(0)"
To eliminate most mouse context menu options, so the user won't bother try. So how can I get a link to a file which can be viewed in a popup window and downloaded using mouse right-hand context menu?
I have a situation where a context menu is being added to the DOM dynamically when a user right clicks on a control on the page. The div that gets added does not have an id set but the div does have a unique class. WhatI need to do is intercept the addition of the div and add a hover affect to some child nodes. Specifically any children that are <a> nodes. So far this is whatI have for adding the hover affect, but i'm not sure where it needs to go or howI link it to the event raised whan a new element is added to the dom.
$(
'div.context_menu_main').find('div a').hover(function() { $(this).addClass('context_menu_hover');
}, function() {
$(this).removeClass('context_menu_hover');
});
I have no control over the div itself as its part of a third party control soI am unable to add an id.
I am working on an existing page for a client, he wants right click disabled in Chrome and Safari (dont ask!). The existing Javascript code works to disable the rightclick / menu in IE and FF, but not Chrome and Safari. how, if at all posible can I disable the right click menu in Chrome?
[Code]...
I have code that looks like this:
function setupEventWrapper(obj) {
old_ev_handler = obj.onsubmit;
obj.onsubmit = function () {
do_something();
if (old_ev_handler != undefined) {
old_ev_handler();
}
if (event_cancelled()) {
undo_something();
}}}
it wraps the onsubmit handler (if any) within a new function which
do_something() and then calls the old event handler.
My problem is how can I detect if the event has been canceled by
old_ev_handler(). AFAIK an event can be cancelled in three ways:
* returning false, easy to check for
* setting event.returnValue = false on IE, easy to check for
* calling event.preventDefault() on DOM
How can I check if event.preventDefault() has been called?
Is there a simple way to cancel all active timeouts without the need to reference each one individually ?
View 1 Replies View RelatedI use the select menu script from [URL].. in Firefox all works fine. But when I use it in google chrome the focus off the site changes to the end of the site. My menu has 200 entrys. How can I provide the change of the focus?
View 2 Replies View RelatedI have a triple drop down menu and when I select an option for first drop down, based on that I get the values populated in the second drop down but these values in the second drop down do not clear even though I change the change the option of my first drop down. I am facing this problem with Chrome. In Firefox it works fine.Could some one tell me how to clear the previous selection contents. I have pasted my code in the pastebin[URL]...
View 1 Replies View RelatedI have this script that is supposed to show a popup balloon when you mouseover a link. It works great in Chrome but doesn't work in IE.
index.html:
<head>
<link rel="stylesheet" href="help.css" type="text/css">
</head>
[Code].....
i have a form made up of 2 file inputs and a submit button..
the imputs are to upload images, namley jpeg's for a e-greatings thing im
working on.
this only works with jpegs so i have a script that will check the value of
the imput tag to make sure it ends with .jpg, .jpeg.
this works fine on the jubmit button using
onclick="myHandler(this)"
it works fane that it alerts the user that only jpegs are valid but then
when the alert
has been ok'd it continues to submit the form to my php script.
how can i get this to cancle the submit action?
I have two javascript onloads in my form which seem to be cancelling each other out. The first- onload="checkMyBox"- works fine, which means the calendar stays hidden until the ckeckbox is clicked. However the second script that is supposed to show text ("I am an organized person") only after image is clicked does not work. It always shows the text.
I tried playing with it, and realized that if I erase the first <body onload="checkMyBox('c2','div1')"> the second onload works, meaning that the text will stay hidden until I click on image.
Code JavaScript:
<script type="text/javascript">
function checkMyBox(trigger,toggled){
var mcb = document.getElementById(trigger);
var cal = document.getElementById(toggled);
[Code].....
In internet explorer I have no problems. I literally just taught myself flash so I am hoping there is an easy fix that I am not finding. I did not design or create the template for the original site, I am just upgrading and adding features to improve what was already there.
Here is the code for the flash banner:
Here is the code for the nav bar:
quick example:
function endless(){
$("element").animate({left: '-=100'}, 1500);
$("element").slideToggle(500);
[code]....
Im writing a small app that will basically be like a wiki for family memebers to go in and make pages using my wysiwyg editor, update pages, ect..
the problem i've run into is trying to ensure they have saved the page.
I have a variable to detect whether or not unsaved changes exist. however the problem is now stopping the close event if the user clicks 'cancel' in the confirmation box.
Examples of when the 'navigation' or 'browser close' should be blocked:
1)i've made a small change on the page then clicked on a link, i should receive a conf message asking me if i want to loose changes.
2)i've made a change on the page then clicked the browser 'X' (close) button by accident. I should get the conf message here as well.
3) i've hit the refresh or reload button without saving. again i want the conf message.
Note, if they want to close, clicking OK should allow them too. furthermore, this function to block the close and produce the confirmation only will be called if there are unsaved changes on the page.
here is what i have so far - and this appears to work fine in IE. Code: