I have a bunch of divs with the same classname, 'mediafield':
And I have this jquery code in my header:
So I know that the click function is getting implemented.. The alert box appears however I get the following error in firebug: uncaught exception: Syntax error, unrecognized expression:[@class=mediafield] Line 0
Nothing happens when firebug is turned off... So I'm not sure why it's throwing the error.
I'm working on something in jQuery with XPath
What I want to do is: if checkbox is checked, set background color od
label that contain input(checkbox) to red
I have this code:
$("label[input[@checked]]").css("background", "red");
but it doesn't working because of nested brackets [[ ]] and it freeze
the browser. In Xpath documentation say it can be used
any sugestions?
I'm using a simple dom parser function to catch xpath information of all nodes of a document. Say html is like :
HTML Code:
<div>
<div>Everyday People</div>
<div>My name is ACE</div>
<div>Hello world</div>
</div>
And parsing the DOM to store the xpath infor in array 'arr'
Code:
<script type="text/javascript" src="js/jquery/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery/js/xpath-selector.js"></script>
<script type="text/javascript">
function get_XPath(elt)
{var path = '';
for (; elt && elt.nodeType==1; elt=elt.parentNode)
{var idx=$(elt.parentNode).children(elt.tagName).index(elt)+1;
idx>1 ? (idx='['+idx+']') : (idx='');
path='/'+elt.tagName.toLowerCase()+idx+path;
}return path;
}var arr = Array();
htmlDoc=document;
x=htmlDoc.documentElement.childNodes;
for (i=0;i<x.length;i++){
arr.push(get_XPath(x[i]));
}
</script>
And later on in the script using the values stored in 'arr' to perform some functions like showing,hiding or changing content of nodes.
Code:
<script>
for(i=0;i<arr.length;i++){
//catch the object reference with the xpath info
$(arr[i])
}
</script>
But in the snippet above,I'm getting a object but unable to I'm unable to get the object reference..and use it for something like
$(arr[i]).text();
Any work on Jquery Xpath selectors?
Is there a better way to extend object with internal objects?
$.fn.bestShow = function(s) {
var d = {
width: 0,
height: 0,
order: "numeric",
orderBy: "",
[Code]...
Supposing I have the object reference to an object,how do I retrieve the xpath of a element.
View 3 Replies View RelatedHow to consume web service in javascript...The output of the webservice is another XML file. I am new to XPath. how to use XPath to get the data out from the web service output, and show it in a simple table with 3 columns...
Here is the output from the web service:
Code:
Let's say you're getting some xml via ajax, instead of the ajax.responseText property you create a dom document using the responseXML property.
Is there a safe cross-browser way to query that document using xpath?
I know in IE you can use selectNodes/selectSingleNode, but what about other browsers?
However, I was wondering - I realize there does not seem to be a "standard" way to do this (without additional libraries), but is there any "hacky" method that can be used to get XPath support in IE? What I mean is for parsing the loaded HTML document.
View 1 Replies View RelatedIs there a way in Javascript or Jquery to return an array of all objects underneath a certain point, ie. the mouse position. Basically, I have a series of images which link to various web pages but I have a large semi transparent image positioned over the top of the other images. I want to find the href of the background image that the mouse pointer clicks over.
View 1 Replies View RelatedJust wondering - is there some trick that allows this to be done of which I am not aware? Specifically, I would like to use XPath to query the _current_ HTML document in IE.
View 2 Replies View RelatedCurrently, I'm building a website with jQuery. The function below helps me to get content from a database. In the file content_ajax.php there are some functions to handle ajax-requests. JS calls the PHP-function correctly (I've send an email to myself inside that function to check) but the script doesn't return 'succes' and doesn't give me an error...Also, when I put an alert inside the succes and error function, it doesn't popup!
What may be relevant: - site uses mod_rewrite for friendly url's
I have this basic code following and its not returning anything at all. Even the alert is not alerting. I have checked and the select is sending the value fine But nothing happens on return. What i am missing?
$(function() {
I'm working on a small project and want to create a simple dialog window. I know I can use a plug-in, however that is a bit of a over kill plus its a good way to learn more about jquery.
So everything was going well until clicking the button. I cannot find a way to return the value of what button was pressed so I can take further action within the function.
[Code]...
I have CSS defined as:
#container {
width:400px;
border:1px solid red;
}
I was not able to get the value using $("#container").css("border"), but $("#container").css("width") is ok,
I have the hover event set up. There are 100 elements in my document of the class square. What I want to do is return the ID of the current square that is hovered and edit the style=' ' attribute of the .square with that specific ID.
[code]
<script type="text/javascript" src="jquery-1.5.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
[Code]......
Basically what I'm trying to do is write a plug in which connects to a sharepoint web service, traverse the results of the xml document that is returned by the web service for certain elements, and then return a collection of xml elements which I can use in another function on the page that is calling the plugin.My code looks like this:Main Page
<script type="text/javascript">
$(document).ready(function() {
var listItems = $.sharepoint();
[code]....
As an exercise, for the past few days I've been attempting to build a simple search and return data to a page.
The form parses vars to PHP with no refresh PHP gets stuff from the database PHP echos an array Array is output using Jquery in my #result div
Things seem to be working nicely, and the array is indeed coming out the other end.
My next aim was to be able to do something with the output. The first step I assumed would involve printing that array to a table. It's this that I'm having trouble with. I can't figure out the syntax.
With regards to the following code, I think the success function on line 32 and 33 should be something like:
$.each(something something) more something's with TD's and TR's interspersed
The code I have so far is as follows. This successfully echos out the contents of the array, but ultimately isn't useful without being able to access the elements.
<html>
<head>
</head>
<body>
[code].....
With ajax request method
How do i return many lines of data?
The page eventos_search.php is supose to get more then 1 line of records
This process i dont know how it works.
i happen to chase my fortunes in development as a newcomer. Scenario,// using jqm-rc2, sample registration - ajax callback scenario
1. Say formtoregister.phpcalls a studentsregister.php // Ajax/json and POST
2. Thisstudentsregister.phpdoes this 2.1 validates POST data, does db work and 2.2 sends back to formtoregister.php following messages //on success echo json_encode($promoinfo);// json format, see below the echoed content echo "<p>Welcome $user </p>" problem,is plain format text is printed Message is: {promo code: JsonNAjax}<p>Welcome Beginner </p>
[Code]...
I am using getJSON to get results from a different domain and i wantedto get _some_ object back when calling getJSON so that i can insertsome variables into the callback scope.Basically, what i wanted to do was this:
var new_json = $.getJSON(url, function(data) {
alert
(this.variable_from_caller);
[code]....
I have a jQuery script which shows a specified div based on the select chosen from the dropdown list.The problem im having is how to retain the div state after the page has been posted and then returned too,
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
[code]....
I know this is a simple question with a simple answer, but I can't seem to wrap my brain around it.Sorry for the infantile nature of this post. Anyhow, I am making an AJAX call via JQuery and need the function to return a value from a calling function, like so:
[Code]...
I want to open a aspx page as popup at a button click with some text box values being passed toit. Also need to display data in a grid in popup and then when a row is selected send that data back to parent .
View 1 Replies View RelatedI have the code:
console.log($(this).parent().parent().children());
console.log($(this).parent().parent().size());
And the output is:
jQuery(td.center, td.center, td.center, td.center, td.center, td, td) 1
Why is the size() 1 and not 7?
I am using a custom dialog function which is called after an AJAX request to see if a file exists. This dialog shows a "Continue" or "Cancel" button and returns true or false depending on which button is clicked. It can also be switched between "alert" and "confirm" functions.
Here's the function:
//Popup dialog
function popup(message,mode) {
// get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();
// calculate the values for center alignment
var dialogTop = (maskHeight/3) - ($('#dialog-box').height());
var dialogLeft = (maskWidth/2) - ($('#dialog-box').width()/2);
// assign values to the overlay and dialog box .....
$('#dialog-overlay').css({height:maskHeight, width:maskWidth}).show();
$('#dialog-box').css({top:dialogTop, left:dialogLeft}).show();
if(mode=="alert") {
$('#continue, #cancel').hide();
$('#close').show();
$('#close').click(function() {
$('#dialog-overlay, #dialog-box').hide();
return false;
});
} else {
$('#continue').click(function() {
$('#dialog-overlay, #dialog-box').hide();
return true;
});
$('#cancel').click(function() {
$('#dialog-overlay, #dialog-box').hide();
return false;
});
$('#continue, #cancel').show();
$('#close').hide();}
// display the message
$('#dialog-message').html(message);
}
Here's how I call the function:
success: function(result) { if(result==1) {
if(!popup("<p>Plugin version exists. Overwrite?</p>","confirm")) {
$('#file_upload').uploadifyCancel();
} else {
$('#file_upload').uploadifyUpload();
}} else {
alert("Doesn't Exist ");
}
After a few tries I realised that the file was always being uploaded whether it existed or not. I then used the alert function to show me what is being returned from the popup() function and it was returning "undefined". Obviously the function isn't waiting for a response from the listeners. How can I change this so the function doesn't return until one of the buttons has been clicked?
I have a weird bug that's occuring in pretty much all the browsers. If I close the tab, and then hit Ctrl -> Shift -> T to bring it back the width() method returns 0 on an appended image instead of what the image actually is. Hitting refresh on the tab removes this bug and everything works fine. I will also say that trying
.css('width') and
document.getElementById('divShadowLeft');
Both also return 0 for this bug.
I can't show all the code for security reasons, but I'll just outright ask.. what are the reasons that width() would return 0 on an image? I've checked to make sure that it was visible (both display and visibility properties), and I checked the length of the property to ensure it was there. I just can't figure out why width() is returning 0.
Here's a code snippet:
$(this).append('<img src="'+defaults["imagePath"]+defaults["imageLeft"]+'" alt="" id="'+defaults["imageClass"]+'Left" class="'+defaults["imageClass"]+'" style="" />');
alert('Length: '+$('#divShadowLeft').length+' | Width: '+$('#divShadowLeft').width()+' | Visible: '+$('#divShadowLeft').css('visibility'));