Is it possible to change a document structure definitely using JQuery ? I used .html() but after refreshing the page the changes I've done disappeared and were replaced by the default contents
View 2 RepliesI'm still struggling with creating a properly formatted form. This problem it two-fold. The first part isn't strictly a javascript problem, but I've included it here because it relates to the second part, which is:
1. Given the form below, how should I structure the input names to get an array like that at bottom?
2. The scripts are used to provide running totals and subtotals. They're fun - try them! But how should I modify these scripts so that they can continue to work with the amended naming policy?
[Code]...
My change function allows users to switch from country to country and get different text and features. It works when changing country selections. But at initial page load, it does not fire jQuery change to set the text for the default / initial country. When I change away and then back to the default/initial country, change fires and shows the proper information and features. I have tried document.ready with a change function both inside the switch selections and outside the change function. Neither work - they don't fire the hide, show and other jQuery in the switch cases at doc ready. Its not clear to me what function will fire the jQuery change function at doc ready. Here's the code. The country selection below is just 2 countries to keep it simple, but actually, there are many.
$
(
document
)
[Code].....
I have a nested listview in my app which creates table inside table at runtimei need to get value of td from second tables tr where i have row number of first tables tr?
<listview1>
In my application, there is a view page to show the table of Attributes name as the header and its value filled by many people below. [code]...
View 3 Replies View RelatedI have a string that is like [{"carePacks":
[{"businessCode":"J1PS","description":"HP 1"}],"coveragePeriod":12},
{"carePacks":[{"businessCode":"J1PS",
"description":"HP s"}],"coveragePeriod":13}].
How to convert it to a json structure and how to get data from the data structure, like get "HP 1".
Given the following structure:
<div id="section_list">
<ul>
<li></li>
<li>
[Code].....
Not only does it look hacky, but it's giving me obviously bad results. To complicate things further, I'm using MPTT for my tree data, so sortable's serialize isn't much help, unfortunately. I originally thought I might figure out the parent_id, lft, and rght values upon sort but that would entail storing all that data somewhere in the DOM. I then realized that, if I can just get the number of positions moved, I could update the DB with that information.
I have the following data structure (shown in code view below) coming back from a query. How can I loop over this and create an <li></li> for each record on the client side?The end result should be :
<li><a href="page.htm?id=1
">Kate
</a></li>
[code]....
I have a JSON data structure that I'm pulling in VIA an AJAX call. What I want to be able to do is click a button/link and be able to save this data structure to disk, but I'm not really sure how to go about this. I've been experimenting with the following:The link has the following format "<a href='data:application/json, " + data_structure + "'>Click here!</a>" I've been able to replace data_structure with text and /json to /rtf, which gives me a pop-up 'SaveAs' dialog box, and when I open the file, it has my text in there. However, if I do data_structure, I just get [Objectobject], which is telling me that I'm passing in the object, but that's basically it, I need to expand it out? I'm not really sure how to do that...Which leads me to calling a perl script. So I make an ajax call like so:
$.ajax({
'dataType': 'JSON',
'type': 'GET',
[code]....
This is my table structure, I want to find out the index of the tr which first td is empty, in this case, the index should be 1, how to pick it out?
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr><td>1</td>
<td>1</td>
<td>1</td>
<td></td></tr>
<tr><td></td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr><tr>
<td>2</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr><tr>
<td></td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr></table>
I want to build something like a foldable tree using Jquery. But the problem is I am getting the values from a Database.My database structure is
ID--PID----NAME---------NUMBER---------ROLE
-------------------------------------------------------------
1--0---------John----------1234-------------Manager
[code]....
I'm trying to make an accordion structure, load dinamically content. This what i done, and that's work, but now i need to improve it.
Here the css
<style>
.project { display:none; }
</style>
<div id="project-box">
[Code].....
I am trying to select (and then clone) an entire DOM structure excluding one div.
The DOM is stored in a variable like this: var original = $(this).closest("table.mainContainer");
The I try to exclude the div in the clone like this $(original).find(":not(div.container)").clone();
But the div is shows in the clone.
Is it possible create a tree structure with 20000 nodes and it should load fast.
View 5 Replies View RelatedI'm trying to come up with a better architecture for dealing with multiple listeners in a multi-page questionnaire. Here's the general structure I'm looking to implement:
1. Set up CSS for animation
2. Look for preconditions
3. Initialize listener
4. Execute animation
Some issues to consider:
1. Some questions have dependencies that show or hide depending on what is selected in a parent question.
2. Needs to be IE 6 compatible.
3. It should be simple enough so that all you need to do is add a new question to a JSON object, which is what I have set up right now.
Some code (the looping structure that reads each question):
var newQ = eval(q);
$.each(newQ, function () {
// 1 - Setting CSS for each listener
$(this.css).css({'width': '1500px', 'float': 'left', 'clear':'both'});
[Code].....
The problem here is that when I do a console.dir on $.each(this.value.length), it counts each character, as opposed to counting the number of elements in the array. Should I be doing an eval on q? Why or why not? If I could get this up and running, it would make my life 100x easier, as there are hundreds of questions, and I'd want to make this all data driven.
I want to accomplish a nice and simple accordion menu using this HTML structure:
Code HTML4Strict:
And I'm using this JQuery code:
Code JavaScript:
This basically works, but when I click a particular menu item to expand it's submenu items, it basically hides all submenus items, even the active ones, but whant I need is the particular clicked submenu items to stay expanded. I guess this can be accomplished by a simple if statement or so.
I have many pages on my website which contains text which needs changing quite often, for example, a date (12th/06/2005). Is there anyway of inserting a code into each of these pages which recalls the text from a .js file.
View 8 Replies View RelatedI have a simple html document that is dynamically created. It comes to me like this:
<body>
432 (Locked) (Disabled) <br />
545 (Unlocked) (Enabled) <br />
756 (Unlocked) (Disabled) <br />
</body>
The actual list is much longer and varies in length. What I am attempting to do is when a user opens the page, if a line contains Locked or Disabled, change the color of those words (or the whole line that contains them) to red.
So I didn't know whether to put this in HTML & CSS or here. So I'm just going to put it here and the mods can move it if needed.So I had this script working for auto width of a DIV, then I added DOCTYPE to the top of my document, now it won't change the width ha ha. I have tried with all DOCTYPE's and same thing.The JS I am using is:
window.onload=function(){
document.getElementById("right").style.width= + screen.width - 193;
}
As I said this worked before I added DOCTYPE to the top of the HTML. But when I add any one of the DOCTYPES it stops working.
I want to use the document.getElementByID method to change the text of an element.
It works and replaces the old text but the new text is lower down when I want the new text to be on the same line.
depending on the partial content (domain) of the url, the links in the page must go to one domain/port or another. I've code that works well in IE but not in FF.
I think the problem is I'm putting the new url using
newurl="http://" + document.domain + page;
document.URL=newurl;
(page can be :7080/index.html or similar)
in FF the operation document.url = newurl; does nothing, the same in IE goes to the page.
Other idea for going to a page formatted in js? ?self.url? one variable that works in all browser?
or different variables for each browser and code to differentiate?
When I send a form from html to a function in javascript via a button I want to write the values of the html form on the screen. I do so by using the document.write() in javascript. This removes the page with the html form (input boxes etc) and then the only thing displayed is the stuff written by javascript. And the font family I had in the html part is now gone! Only problem is that I want to change the font family (like Times New Roman, Arial Black etc). I have very many document.write()'s, so would be swell if there were something that made me change the entire script's font family!
View 1 Replies View RelatedI assume you know about this code:
Code:
document.body.style.background = "url() fixed #000000";
where you can change all of the page's background attributes..I was wondering if there was a similar one for font so that I can change the face, size, and color of all font on the page at once (when the page loads)I want this code in javascript because I want the font style and the background color in my page generated instead of fixed
Something like this:
['level1key':['level2key:'value']]
That is the value itself is any object.
Can this be refined further to be more efficient?
function shout()
{
if (isNaN(document.form1.entry.value)==true) {
alert("please only enter numbers for an answer")}
else
{
alert("the new number is: "+(+document.form1.entry.value+5))}
}
also what would be the correct structure as to make the script more legible
to regular and proficient writers of JS?
I'm trying to develop a tree structure using javascript. The node values of
the tree are generating from a mysql table depending on login. The tree
structure contains 3 sub levels.
I developed static HTML tree using http://www.treeview.net. now i need to
generate this tree dynamically.