Adding Right Click Context Menu To YUI Treeview

Jan 11, 2007

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.

View 2 Replies


ADVERTISEMENT

Adding Context-menu To A Button Only

Feb 16, 2005

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 Related

JQuery :: Adding Rollover Affect To A Context Menu That Gets Added To The DOM Dynamically?

Oct 25, 2011

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.

View 4 Replies View Related

Right-click Context Menu That Can Pass Values When Right-clicking A Link??

Jul 23, 2005

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(&#3910;')">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?

View 3 Replies View Related

JQuery :: Clone The Html Text By Using Right Click Of The Context Menu?

Mar 23, 2011

as title, is there any way to clone certain html text by right click the context Menu?

View 2 Replies View Related

ADD To Context Menu?? RESTORE It??

Dec 12, 2005

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?

View 1 Replies View Related

Problem With Dynarch Context Menu

Aug 2, 2007

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?

View 2 Replies View Related

YUI Context Menu In Php Generated Table Row?

Apr 23, 2009

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.

View 1 Replies View Related

JS Context Help Menu (Right Side Popup)

May 14, 2003

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....

View 2 Replies View Related

Canceling Context Menu In Chrome And FF?

Dec 9, 2009

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 Replies View Related

How To Invoke The 'save As' Context Menu

Apr 27, 2005

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?

View 1 Replies View Related

JQuery :: Click Treeview And Then Jqgrid Refresh?

Jul 2, 2009

how to let the jqgrid refresh? without page reloading. does jqgrid have such a method? how to call it?

View 1 Replies View Related

JQuery :: Cancel Click Event In Treeview?

May 10, 2011

I m going to use jquery treeview at...

I need to block node collapsing on Click, instead bind them with custom functions.

I tried to locate possible tweak point via click events, but still couldn't manage to do the needful.

View 1 Replies View Related

Detecting Which Context Menu Item Was Selected

Jun 29, 2006

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 Related

JQuery :: TreeView - Display Sub Nodes When Mouseover Menu

May 25, 2009

I'd like to display the children nodes when the mouse over the parent node. What is the best way to achieve that?

View 4 Replies View Related

JQuery :: TreeView - Menu Collapses Instantaneously With Animation

Jul 27, 2009

I was trying out [URL] with IE 8 in IE 7 mode. The menu animates and opens. When I click to close, the menu collapsed instantaneously. However, it is working perfectly in IE8 mode i.e. the menu animates while closing up. How do I fix this for IE7?

View 1 Replies View Related

Jquery :: Disable Context Menu For Future Elements

Sep 10, 2010

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 Related

JQuery :: Using Context Menu Plugin In Sharepoint 2010

Dec 2, 2010

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?

View 2 Replies View Related

JQuery :: TreeView Menu Items Aligns To Left Side

Apr 9, 2009

I'm using jquery treeview [URL] menu in my website and I have a little problem: when I open a page from the menu tree, menu expands completely and items aligns to the left side for a while, the time that page is charging.

View 4 Replies View Related

JQuery :: Treeview - Prevent Expand/collapse On Node Click

Mar 3, 2010

I want to prevent expand/collapse behavior when clicking on a node (folder) in the tree. I only want to expand/collapse when clicking on the plus/minus sign (+/-).

I have tried to use stopPropagation on the click event but I don't getit to work.

View 2 Replies View Related

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?

View 7 Replies View Related

Expanding Menu - Adding Color To Menu Items?

Jul 5, 2011

I'm creating a menu using html, css and a javascript, I found a tutorial to follow online. What I am trying to achieve is when the mouse hovers over the menu items, each item will have a different colour background. the problem is that i can do this but it only works with one colour and not different colours.this is the html:

<ul>
<li><a href="1.php">Things</a></li>
<li><a href="2.php">Animals</a>[code]......

View 1 Replies View Related

New JS Vertical Menu Up - Set The Menu To Automatically Expand On Mouse Rollover Instead Of Click?

May 6, 2010

How can I set the menu to automatically expand on mouse rollover instead of click? Here is the code as it stands right now:

$(document).ready(function () {
$('img.menu_class').click(function () {
$('ul.the_menu').slideToggle('medium');
});
});

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.

View 2 Replies View Related

JQuery :: ClueTip Works First Click In A Menu But Opens In Its Own Window From Second Click And Afterwards?

Oct 19, 2011

I have a basic dropdown css menu system. When a menu item is selected (ex: foo.html), the cluetip link opens a 450px wide window as expectedThen,I selectanother menu item (ex: bar.html). But when I return to link foo.html: and click the same clueTip link the clueTip link now opens in it's own window instead of the 450px clueTip window as beore would expect the small clueTip window to open and show the clueTip on each successive click as it does the first time. If I do a browser reload, the first menu selection works as it should, but only on the first click.If the menu is not used, the single file opens the clueTip correctly. Does clueTip get confused in a menu program?

// the cluetip code:
$(document).ready(function() {
$('#clickme').cluetip({

[code]....

View 7 Replies View Related

Jump Menu - Adding Rel Tag

May 20, 2006

I have the jump menu (used with an html form):

<script language="javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
</script>

How can i add rel=nofollow?

View 4 Replies View Related

JQuery :: Adding Entry To Menu?

Feb 12, 2011

<div data-role="content">
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">Menu</li>
<li><a href="docs/test.html">Test1</a></li>
</ul>
</div>

i have this simple menu. And i have a mysql database with a table menu . And in this table there are 5 entries that goes Test1...Test5. And i get them by php. How can i add those entries to my menu?

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved