OnClick Window.Open With Mouse Right Hand Context Menu
Aug 17, 2011
Using 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?
How to add sub menus that should appear on mouse click and should disappear on mouse click.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
I've searched though the forum and can't find an exact solution for disabling the right-hand mouse-click only on images (not text) on a webpage. I have some code that will do the job but I need some help with it. I realise that you can't stop people taking anything from webpages, so the aim of the following code is to provide an inoffensive way of reminding people that images have a copyright, and it leaves the right-hand mouse-click working for the rest of the page.
How do I change the following js code to run completely in an external js file? I already have the following code in an external file, but for this code to work each XHTML page has to have <body placed in it. I want to get rid of the bit because the XHTML files do not validate though the W3C validation system with it placed in the page. Code:
For simplicity and debugging, I attempt to display an apple when the mouse passes over the center of an image.In IE, the mouseover hand shows as the mouse passes over the center of the image and the apple is displayed.In FF, the mouseover hand shows as the mouse passes over the center of the image but the apple does not display.(By the way, I'm certain the showhide function is fine,
Is this how it's done? IE 6.0 after opening bigger.html in a new page, then shows the site directory contens in the main window. ?!
The popup page bigger.html shows a larger pic of a product. In my main page I define a function 'open_popup' and call it for all the product images, in case the customer wants a bigger pictures.
function open_popup(page) { window.open(page,'Larger_Image','width=400,height= 300,resizable=yes,toolbar=no,statusbar=no,scrollba rs=no'); }
I have this list menu that needs to pop open a blank window in front of the already open webpage. It also needs to work in IE and hopefully Firefox if possible.[code]
I 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>
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:
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.
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?
Assuming 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?
I 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?
I 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>
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.
Second Question: For some reason, the menu is appearing behind a table row when it expands, thus hiding a good portion of the menu. Here it is: [URL]
Try clicking on 'Products & Services', and then clicking on "Centerfire Rifle Suppressors" from the dropdown menu. When it takes you to that category page, click the menu again and you will see that the menu hides behind the <h1> table row.