Re: [jQuery] JQuery Context Menu Plugin
Hi, Thanks for your reply. I will try it and let you know my results. Thanks. On Sat, Feb 6, 2010 at 12:17 PM, stworthy stwor...@gmail.com wrote: Here is another menu plugin http://jquery-easyui.wikidot.com/tutorial:menu Asharudeen wrote: Hi, I am using JQuery Right Click Context Menu plugin from the following site, http://www.trendskitchens.co.nz/jquery/contextmenu/ Seems it works on Firefox/IE/Chrome browsers. But it has not worked on Opera browsers. Does any one have any work around/way to make workable this plugin in Opera browsers. Thanks in Advance. -- View this message in context: http://old.nabble.com/JQuery-Context-Menu-Plugin-tp27477394s27240p27477441.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] JQuery Context Menu Plugin
Hi, I am using JQuery Right Click Context Menu plugin from the following site, http://www.trendskitchens.co.nz/jquery/contextmenu/ Seems it works on Firefox/IE/Chrome browsers. But it has not worked on Opera browsers. Does any one have any work around/way to make workable this plugin in Opera browsers. Thanks in Advance.
[jQuery] Open/Play Server side files
Hi, I just want to know is there any way to open the server side files with the respective programs via jquery/php/javascript. For eg, if a text file is in server side we need to open it via our notepad or any text editor. Similarly images via paint. Similary open Audio/Video files with the respective programs. I believe, we can view the text/html/image files as a html page by using ajax load functions (.load()), but we couldnot open the audio/video files. Is there any way to do as I mentioned above. Thanks in Advance.
[jQuery] Re: Help with Column Navigation plugin (list page by selecting a element with particular ID)
Hi, Is there any reply/idea for this email please. Awaiting for reply. Thanks. On Fri, Jan 22, 2010 at 12:50 PM, Asharudeen asharud...@gmail.com wrote: Hi, By using CloumnNavigation plugin ( http://plugins.jquery.com/project/column-navigation), Currently to list the tree list, we need to give the html in the following format, http://plugins.jquery.com/node/ html body ul id=myTree li a href=./Homepage/a ul lia href=./contactContact/a/li lia href=./tsandcsTerms amp; Conditions/a/li lia href=./privacyPrivacy information/a/li /ul /li li a href=./contentsContents/a ul lia href=./page1/Page 1/a/li lia href=./page2/Page 2/a ul lia href=./page2.1/Page 2.1/a/li lia href=./page2.2/Page 2.2/a/li /ul /li lia href=./page3/Page 3/a/li /ul /li /ul /body /html Initially this code will list the 'Home' and 'Contents'. If we click on the particular element it will list the sub elements. Assume, if the li element and anchor element have unique IDs. Is there a way list by using their IDs. Or is there way to list the childs of the particular element. That is if the anchor id for 'Contact' is 'ancID1' and li id is 'idofLi1' then is there a way to list the page as the 'Contact' is selected.. such that the sub elements of 'Contacts' also will be list in page. Is there any way to do it. Thanks in Advance.
Re: [jQuery] Re: Help with Column Navigation plugin (list page by selecting a element with particular ID)
Hi,
Thanks for your reply.
Please go this URL: http://code.google.com/p/jquery-column-navigation/
In this a sample html example will be present. If we use the jquery column
navigation plugin, while reload the page by default 'HomePage' and
'Contents' will be listed in the page. If we click on the 'HomePage' the sub
elements will be listed.
What I need is, while reloading the page, I want to list the sub elements of
HomePage/Contacts in the tree by default. (Just assume, I have the unique ID
for each li and anchor link.)
ie, HomePage/Contents will be in selected state, and the sub elements will
be listed by default.
I will try your previous reply and update you. Meanwhile, I hope the above
requirement is clear.
Please let me know, if you need any further details regarding this.
Once again thanks for your reply.
On Thu, Jan 28, 2010 at 10:26 PM, Nathan Klatt n8kl...@gmail.com wrote:
On Fri, Jan 22, 2010 at 12:50 PM, Asharudeen asharud...@gmail.com wrote:
Assume, if the li element and anchor element have unique IDs. Is there a
way list by using their IDs. Or is there way to list the childs of the
particular element.
I'm not exactly sure what you're asking but, yes, you could find all
children of the clicked menu item:
$(#myTree a).click(function() {
var immediateChildren = $(this).next().children(li);
var allDescendants = $(this).next().find(li);
});
Those will find the li elements but you can modify it to get the a
elements or the href values or the a text or whatever.
Hope that helps - like I said, I'm not sure what you're after, exactly.
Nathan
Re: [jQuery] JQuery Trigger Event
Hi,
Further to my previous email, In my Apache configuration file (httpd.conf),
I set
Header set X-UA-Compatible IE=8
And it seems, in IE8 its working fine. But it still seems not working in
IE7/IE6.
I have tried to add,
Header set X-UA-Compatible IE=7
Header set X-UA-Compatible IE=5
Header set X-UA-Compatible IE=EmulateIE7
but no luck.
Could any one update me, how to fix it. and make it working on IE7/IE6.
Awaiting for your reply.
Thanks.
On Wed, Jan 20, 2010 at 8:55 PM, Asharudeen asharud...@gmail.com wrote:
Hi,
I will explain my use case here.
I am new to JQuery and I am currently working on listing Dynamic Tree list
by using JQuery column navigation plugin.
Please refer the following link to check the plugin demo page: (Note: The
demo is not a dynamic tree list)
http://source.polaris-digital.com/column-navigation/ (demo page)
http://plugins.jquery.com/project/column-navigation (got from here)
I am trying to create trees dynamically and need some help regarding this:
What I am doing is, I have the following files
_
1. PHP file (Initially Root drives will be listed here)
//Some part of code here.
script type=text/javascript
$(document).ready( function() {
$(#myTree).columnNavigation({
containerPosition:relative,
containerWidth:790px,
containerHeight:350px,
containerBackgroundColor:rgb(255,255,255),
columnWidth:250,
columnFontFamily:'Helvetica Neue', 'HelveticaNeue', Helvetica,
sans-serif,
columnFontSize:90%,
columnSeperatorStyle:1px solid rgb(220,220,220),
columnDeselectFontWeight:normal,
columnDeselectColor:rgb(50,50,50),
columnSelectFontWeight:normal,
columnSelectColor:rgb(255,255,255),
columnSelectBackgroundColor:rgb(27,115,213),
columnSelectBackgroundImage:url('styles/common/images/list-selected-background.jpg'),
columnSelectBackgroundRepeat:repeat-x,
columnSelectBackgroundPosition:top,
columnItemPadding:3px 3px 5px 3px,
columnScrollVelocity:200, callBackFunction
: function( obj ) {
alert( $(obj).attr(href) );
}
});
});
/script
//Here I list the root drives like below:
div id=myTree
ul
div
li id='someID'
a class=document id=someID onClick=javascript: Listsubdirs('C:/')
C:/ /a
/li
li id='someID'
a class=document id=someID onClick=javascript: Listsubdirs('D:/')
D:/ /a
/li
/div
/ul
/div
When the page load it will list the root drive and apply the styles of
'columnNavigation' when the document is ready.
_
2. In the Js file, I am using Ajax calls and get the subdireectories and
list those things.
//Some part of code. Using Ajax calls I get the sub directories for C:/ and
I will construct the html as below and append to the parent using the
parents ID.
//Construction (the following is the sample, and there could be some quotes
issue.. pls just ignore that.)
Listsubdirs(parent)
{
//AJAX send request
}
FunctionForAjaxResponse
{
var subtree = ul;
subtree = subtree + div;
subtree = subtree + li id='someID';
subtree = subtree + a class=document id=someID
onClick=javascript: Listsubdirs('C:/SubDir1') SubDir1 /a;
subtree = subtree + /li;
subtree = subtree + li id='someID';
subtree = subtree + a class=document id=someID
onClick=javascript: Listsubdirs('C:/SubDir2') SubDir2 /a;
subtree = subtree + /li;
subtree = subtree + /div;
subtree = subtree + /ul;
var parentelement = document.getElementById('ID of C:/ anchor');
parentelement.innerHTML = parentelement.innerHTML + subtree;
//When I do this, the html elements get correctly added. But the styles
of 'myTree' has not applied correctly. Hence I copied the columnNavigation
code here as below. After appending I put a function to call that code.
applyStyles();
//After this the styles are applied correctly. But it once again list the
root drives. I think since it apply the styles again. Not sure how to
automatically apply the styles. If I click on the C:/ drive again, it list
the subdirectories.
//To list the subdirectories, I trigger onclick event for parent drive
manually
$('parentID').click();
//Now it seems to list correctly. similarly for subdrives I trigger event
for the parents. (for eg, if I click C:/subdir1 then I trigger event for C:/
and then subdir1
}
function applyStyles() {
$(#myTree).columnNavigation({
containerPosition:relative,
containerWidth:790px,
containerHeight:350px
Re: [jQuery] JQuery Trigger Event
Hi,
Further to my previous email, In my Apache configuration file (httpd.conf),
I set
Header set X-UA-Compatible IE=8
And it seems, in IE8 its working fine. But it still seems not working in
IE7/IE6.
I have tried to add,
Header set X-UA-Compatible IE=7
Header set X-UA-Compatible IE=5
Header set X-UA-Compatible IE=EmulateIE7
but no luck.
Could any one update me, how to fix it. and make it working on IE7/IE6.
Awaiting for your reply.
Thanks.
Note: Initially, this email is failed, hence I resend it.. If you receive it
previously, sorry for that.
On Wed, Jan 20, 2010 at 8:55 PM, Asharudeen asharud...@gmail.com wrote:
Hi,
I will explain my use case here.
I am new to JQuery and I am currently working on listing Dynamic Tree list
by using JQuery column navigation plugin.
Please refer the following link to check the plugin demo page: (Note: The
demo is not a dynamic tree list)
http://source.polaris-digital.com/column-navigation/ (demo page)
http://plugins.jquery.com/project/column-navigation (got from here)
I am trying to create trees dynamically and need some help regarding this:
What I am doing is, I have the following files
_
1. PHP file (Initially Root drives will be listed here)
//Some part of code here.
script type=text/javascript
$(document).ready( function() {
$(#myTree).columnNavigation({
containerPosition:relative,
containerWidth:790px,
containerHeight:350px,
containerBackgroundColor:rgb(255,255,255),
columnWidth:250,
columnFontFamily:'Helvetica Neue', 'HelveticaNeue', Helvetica,
sans-serif,
columnFontSize:90%,
columnSeperatorStyle:1px solid rgb(220,220,220),
columnDeselectFontWeight:normal,
columnDeselectColor:rgb(50,50,50),
columnSelectFontWeight:normal,
columnSelectColor:rgb(255,255,255),
columnSelectBackgroundColor:rgb(27,115,213),
columnSelectBackgroundImage:url('styles/common/images/list-selected-background.jpg'),
columnSelectBackgroundRepeat:repeat-x,
columnSelectBackgroundPosition:top,
columnItemPadding:3px 3px 5px 3px,
columnScrollVelocity:200, callBackFunction
: function( obj ) {
alert( $(obj).attr(href) );
}
});
});
/script
//Here I list the root drives like below:
div id=myTree
ul
div
li id='someID'
a class=document id=someID onClick=javascript: Listsubdirs('C:/')
C:/ /a
/li
li id='someID'
a class=document id=someID onClick=javascript: Listsubdirs('D:/')
D:/ /a
/li
/div
/ul
/div
When the page load it will list the root drive and apply the styles of
'columnNavigation' when the document is ready.
_
2. In the Js file, I am using Ajax calls and get the subdireectories and
list those things.
//Some part of code. Using Ajax calls I get the sub directories for C:/ and
I will construct the html as below and append to the parent using the
parents ID.
//Construction (the following is the sample, and there could be some quotes
issue.. pls just ignore that.)
Listsubdirs(parent)
{
//AJAX send request
}
FunctionForAjaxResponse
{
var subtree = ul;
subtree = subtree + div;
subtree = subtree + li id='someID';
subtree = subtree + a class=document id=someID
onClick=javascript: Listsubdirs('C:/SubDir1') SubDir1 /a;
subtree = subtree + /li;
subtree = subtree + li id='someID';
subtree = subtree + a class=document id=someID
onClick=javascript: Listsubdirs('C:/SubDir2') SubDir2 /a;
subtree = subtree + /li;
subtree = subtree + /div;
subtree = subtree + /ul;
var parentelement = document.getElementById('ID of C:/ anchor');
parentelement.innerHTML = parentelement.innerHTML + subtree;
//When I do this, the html elements get correctly added. But the styles
of 'myTree' has not applied correctly. Hence I copied the columnNavigation
code here as below. After appending I put a function to call that code.
applyStyles();
//After this the styles are applied correctly. But it once again list the
root drives. I think since it apply the styles again. Not sure how to
automatically apply the styles. If I click on the C:/ drive again, it list
the subdirectories.
//To list the subdirectories, I trigger onclick event for parent drive
manually
$('parentID').click();
//Now it seems to list correctly. similarly for subdrives I trigger event
for the parents. (for eg, if I click C:/subdir1 then I trigger event for C:/
and then subdir1
}
function applyStyles() {
$(#myTree).columnNavigation
[jQuery] Help with Column Navigation plugin (list page by selecting a element with particular ID)
Hi, By using CloumnNavigation plugin ( http://plugins.jquery.com/project/column-navigation), Currently to list the tree list, we need to give the html in the following format, http://plugins.jquery.com/node/ html body ul id=myTree li a href=./Homepage/a ul lia href=./contactContact/a/li lia href=./tsandcsTerms amp; Conditions/a/li lia href=./privacyPrivacy information/a/li /ul /li li a href=./contentsContents/a ul lia href=./page1/Page 1/a/li lia href=./page2/Page 2/a ul lia href=./page2.1/Page 2.1/a/li lia href=./page2.2/Page 2.2/a/li /ul /li lia href=./page3/Page 3/a/li /ul /li /ul /body /html Initially this code will list the 'Home' and 'Contents'. If we click on the particular element it will list the sub elements. Assume, if the li element and anchor element have unique IDs. Is there a way list by using their IDs. That is if the anchor id for 'Contact' is 'ancID1' and li id is 'idofLi1' then is there a way to list the page as the 'Contact' is selected.. such that the sub elements of 'Contacts' also will be list in page. Is there any way to do it. Thanks in Advance.
Re: [jQuery] JQuery Trigger Event
,
columnItemPadding:3px 3px 5px 3px,
columnScrollVelocity:200, callBackFunction
: function( obj ) {
alert( $(obj).attr(href) );
//obj.fn.columnNavigation = function( configuration )
}
});
}
_
The above code works fine in Firefox and Chrome browsers. But Unfortunately,
this code has not work on IE 6/IE 7/IE 8 browsers. Only the root drives
listed correctly. I could not find any error on IE browsers. I am not sure
how to make this work on IE browser. I try to debug by using 'IE Developer
Tools'. If I change the 'Compatiblity Mode' to 'Internet Explorer 7' or
'Internet Explorer 8' it seems to be partially working files. ie, subtrees
working. But it has not work with the default Quirks mode.
Could any one update me, what I am doing wrong here and how to fix this in
IE browsers.
Also, is there a way to automically apply the styles instead of calling
'applyStyles()' and trigger onclick events.
Note: Currently I am using JQuery 1.2.6 (Also tried with 1.4)
Thanks in Advance for your response.
On Tue, Jan 19, 2010 at 10:25 PM, Nathan Klatt n8kl...@gmail.com wrote:
On Tue, Jan 19, 2010 at 10:03 AM, Asharudeen asharud...@gmail.com wrote:
Unfortunately, It seems trigger is not a issue.. I am trying to list
dynamic
file tree using JQuery. It seems to be work fine in Firefox. But in IE,
it
has not working.. I thought it is related to trigger event.
It might be worthwhile for you to put together a simple example on one
of the collaborative Javascript sites (e.g., http://jsbin.com) so
others on the list can easily see it for ourselves and play around.
Nathan
Re: [jQuery] JQuery Trigger Event
hi
Thanks for your reply..
Unfortunately, It seems trigger is not a issue.. I am trying to list dynamic
file tree using JQuery. It seems to be work fine in Firefox. But in IE, it
has not working.. I thought it is related to trigger event. Later I
understand, it is related to some what different. But I have not face any
alerts/errors in IE. Currently analyzing the issue. Will update you once I
found the issue.
Meanwhile, anyone update me, what kind of things will cause the similar
browser compatible issues, so that I can check them first. I am creating
dynamic sub trees in Javascript by using AJAX calls. (by using
ColumnNavigation plugin)
On Mon, Jan 18, 2010 at 10:20 PM, Nathan Klatt n8kl...@gmail.com wrote:
On Mon, Jan 18, 2010 at 10:30 AM, ashar udeen asharud...@gmail.com
wrote:
$('#parent1').trigger(click);
This code seems to be work in Firefox. But when I tried the same in
IE8, it does not work. Could any one update me, how to fix this.
Have you tried just $('#parent1').click()?
