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({
Re: [jQuery] JQuery Trigger Event
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,
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,
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()?
Re: [jQuery] JQuery Trigger Event
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
[jQuery] JQuery Trigger Event
Hi,
In JQuery I tried to trigger click event like below, based on their
ID.
$('#parent0').trigger(click);
$('#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.
Thanks in Advance,
Re: [jQuery] JQuery Trigger Event
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()?
