I am currently using jquery to regularly speak to my serverside to "import" a html fragment (which has varying components depending on user selection).What I want to know is:Is there any way I can access the html within that div through jquery?TOP LEVEL PAGE
<div id = "window">
<p> loading...</p>
</div>
[code]....
I have created two onClick events that i need to combine into one with jQuery. I have an unordered list:
Code:
<ul id="coverTabs">
<li class="currentTab"><a href="#">Individual</a></li>
<li><a href="#">Couple</a></li>
[code].....
So the active tab is set in the HTML to Individual by default.The following jQuery sets the active depending on which one is clicked.
Code:
$('ul#coverTabs > li').live('click', function() {
// Clickable tabs
// Removes default class applied in HTML and onClick adds 'currentTab' class
[code]....
what i want to achieve is when a user clicks a tab we call the XML document. The appropriate tab name is fetched and subsequently when a user clicks on a column under that tab the appropriate level cost data is displayed on the page.
I would like to pass the maxlength of an HTML input field as a variable with the $.getJSON function. Here is my current code:
$.getJSON('SVRPGM',{size: '4'}, function(j){
...
}
I would like to replace '4' with something like $(this).maxLength(). Is this possible?
I am putting together a site that uses screen scraping to extract results from a number of search engines. The HTML is downloading fine and I am able to extract search engines results relatively easily using the JQuery .find() function.
My problem is that when the HTML is parsed the browser is firing requests for external resources (i.e. image & video files) that are referenced within the parsed HTML. These resources are not required by my site (I only extract the text results and don't want to display images) and just waste the user's bandwidth.
Is it possible to parse the HTML without evaluating embedded resources?
From using Fiddler and Firebug I have determined that the requests are being made during execution of this function [code]...
I have populated data in html table. Now I have to retrieve the value from this table, row-wise. How can i do this.
View 1 Replies View RelatedSo I'm a novice coder and have been trying to piece together a (seemingly) simple function. I want the user to be able to enter in a certain amount of time into a form, and then when they click submit, it opens a new page and closes after that amount of time.There is a very simple form on the first page that accepts input and looks like so:
<form action="onbreak.php" target="_blank" method="POST"><p class="fillable">I would like to view <input type="text" name="url" id="url" value="" size="30"/> for <input type="text" name="timeinput" id="timeinput" value="" size="3"/> minute(s). <input type="submit" value="Break Me!"/></p></form>
[code]....
I'm in need of regular expression for validating the html tags that are closed properly, say for example <i>test content <b>see this </i> .. it should show an alert "tag is incorrect".
View 4 Replies View Relatedhow Id be able to retrieve the text "Text I want to retrieve".
[Code]...
So I have a table with a column that contains checkboxes. I need to get the checked value of the checkbox for a given row. I'm new to jQuery so I only know how to get the html value of a table cell with something like this,
$(this).children('td').eq(0).html()
How do I get the value of a checkbox in a table cell?I have a function,
$("#MyTable tr").dblclick(function(e) { });
So when someone clicks on a row in the table, it pops up a form and populates it with the values from the table row, so they can update it and then submit the changes to a databaseOn the form is a checkbox, I want to set it to the value of the checkbox in the table cell in the selected row. Any suggestions on how to do this?
I am trying to do something like the way they roll the 3 products on the bottom of page:[URL]...
The most important is that tha data is dynamic and I want to retrieve more than 1 products per time. I am using ASP.NET.
Stumbled onto this one: retrieving the margin doesn't seem to work in Firefox or Opera. This is code I'm using, which works fine in Chrome, Safari and IE:
var contentmarginl = parseInt($('#wrapper').css('marginLeft')); // fails
var contentwidth = $('#wrapper').width(); // works alert(contentmarginl);
The alert returns (in my case) 350 in the complying browsers and 0 in FF and Opera. Is this a bug or my error? Is there a known workaround? EDIT: Just tested in XP sp3 IE7 & IE8. Returns Not a Number (NaN)
I have a asp.net gridview wich has checkboxes for user selection. What I want to do is retrive the value of a cell when the user clicks on the checkbox
View 1 Replies View RelatedI have a json string/ javascript list that I would like to save in jcookies
[Code]...
I am using the SVG plugin. I have a simple test and I am unable to retrieve the x and y values of a text object.
$('#objID1', svg.root()).attr('x')
This returns as empty. Where as:
$('#objID1', svg.root()).attr('fill')
successfully returns the fill value.
HTML code:
<html xmlns="[URL]">
<head><title>SVG test</title>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.svg.js"></script>
<script type="text/javascript" src="js/jquery.svgdom.js"></script>
<script type="text/javascript" src="js/jquery.svganim.js"></script>
<script type="text/javascript" src="js/test2.js"></script>
<style>
#svgCanvas {
width: 200px;
height: 200px;
border: 1px solid #ff0000;
}
#svgAtts {
width: 200px;
height: 200px;
border: 1px solid #ff0000;
}
</style></head><body>
<div id="svgCanvas"></div>
<div id="svgAtts"></div>
</body>
</html>
Javascript code test2.js:
$(function() {
$('#svgCanvas').svg({onLoad: function(svg) {
//code
}}); });
$(function() {
var svg = $('#svgCanvas').svg('get');
var obj = svg.text(50,50,'Some Text',{id: "objID1", fill: "#FF0000", fontFamily: "Arial", fontSize: "24"});});
$(function() {
var svg = $('#svgCanvas').svg('get');
var string = 'fill = ' + $('#objID1', svg.root()).attr('fill') + '<br />';
var string = string + 'font family = ' + $('#objID1', svg.root()).attr('font-family') + '<br />';
var string = string + 'font size = ' + $('#objID1', svg.root()).attr('font-size') + '<br />';
var string = string + 'x = ' + $('#objID1', svg.root()).attr('x') + '<br />';
var string = string + 'y = ' + $('#objID1', svg.root()).attr('y');
$('#svgAtts').html(string);
});
I'm having an issue retrieving the height() / outerHeight() property of a div element that has an img as child. This happens only on chrome and safari. Here's an example: [URL]
View 1 Replies View Relatedcorrecting the below sample code. I need to set the idvalue stored in a variablein $('#someId').val()
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
[code]....
I am trying to create a playlist from the youtube data api using jquery's getjson method. I can get other nodes from the feed, but I can't get the media title for some reason. This is the feed:and this is the code that I'm using:
<script type="text/javascript">
$(document).ready(function() {
$.getJSON('http://gdata.youtube.com/feeds/users/armaniexchange/uploads?alt=json-in-script&
[code]....
I'm trying to access an ID nested in a DIV which for the life of me I can't figure out:
<div class="verificationTextBox">Verification:
<a id="download_now" title="Review more about CAPTCHA" rel="#modal1" > </a></div>
<script type="text/javascript">
[code].....
I develop pages within a third party web application. The page output has tables within tables. I have an 'id' for the table I want, 'oErrorsList' which I then want to find the value of 'SelectedRowID'. I have tried the following code but I get nothing. var myTable.text = $('table').filter('[id=oErrorsList]').SelectedRowID; alert(myTable); I am new to this forum and I don't know if this is enough information so I am including an image of part of the page.
View 12 Replies View RelatedI have nested structure of div something like thi [code]...
View 1 Replies View RelatedI would like to insert a div into a nested list...to make this:
<ul class="a">
<li class="2"><a href="***">Something</a>
<ul>
<li>Something else...</li>
[Code].....
I am trying to make the each nested ul more specific to help with styling.
I want to insert a nested <div> into an existing span in a number of table cells, each of which has different content, so:
<td><span>Content</span></td>
would be 'converted' to
<td><span><span>Content</span></span></td>
I have tried:
$('tr td span').prepend("<div>");
$('tr td span').append("</div>");
However, this actually seems to produce
<td><span><div></div>Content</span></td>
I have also tried something along the lines of
$('tr td span').html("<div>" + $(this).text() + "</div>");
but have been having trouble using the this keyword to produce the required effect.
I have a series of td's that reside within a nested div. the <td> has no class value and I would like to inject a css class value.
<div class=x>
<div class=y>
<div class=z>
<table><tr>
<td>x</td> want a class in these tds
how can I do this with jquery?
full sample script which demonstrates the problem, inner tabs company/department come up as list instead of tabs.I have already tried what People have suggested that inner tabs should also be tabified via jquery but it doesn't work all the examples I have seen e.g.URL... use topmost div for jquery tabs call.[code]
View 6 Replies View RelatedI have an xml with nested repeatingentries. I want to parse it using jquery, I have tried .find methodbut it ignores the child parent relation and consider all as child nodesI want to parse it inhierarchy like first it should show top level categories then if have nested categories and then if have products and so on.
<products>
<category>
<categoryid>2</categoryid>
[code].....
i'm trying to do the following: select the links one after another and add a class to them. When the next one is selected i want to remove the class from the previous.
[Code]...