I keep getting the vaunted 'Node cannot be inserted at the specified point in the hierarchy' execption from firefox with this script. I suspect it is because I am doing something dumb here, but my javascript skills are substandard and I cannot seem to figure out what. Let me know what I need to do with the below scripts to get them to work properly:
View 4 RepliesI use the following to round off to two decimal point.It works fine
function roundNumber(rnum, rlength) {
var newnumber = Math.round(rnum*Math.pow(10,rlength))/Math.pow(10,rlength);
return newnumber;
}
[Code]....
how to get two decimal place instead of 1?
How to handle error in .find() if nothing found in XML nodes
What I mean is: I request for XML file :
$.ajax({
type:"GET",
url:"myXmlFileOnServer.xml",
dataType: "xml",
[Code].....
so nothing happens at all (after request is done (NO problem with request) - 200 OK )
Is there any organization chart(Hierarchy) available in jquery. like google org char? It should work in intranet.
View 1 Replies View RelatedI'm looking for a plugin for JQuery or other Frameworks or even pure JavaScript that can draw hirarchy schemes [code]...
View 1 Replies View RelatedI'll get to the hierarchy sensitive part next, but for now I need help making this even work with two top-level links. I'm building a left-navigation that's expandable. Click a little + box image to the left of a top-level section's link, and all the links to sub-sections within that section expand out, the + box image becomes a - box image, and clicking the - box collapses the sub menu links. The scripts below work so long as I just have one top-level section, but because they us an ID for the +-box image, when I add a second top-level menu item, the swapImage function no longer works. How do I make it work with a class instead of an ID? The JavaScript and HTML code is below:
[Code]...
I have a small question. I am building an AJAX-based content editor and in one portion the following xml tag needs to be processed:<
[Code]...
I'm using jsTree-0.9.9a. As a test this is the code i'm using to display the ID
oncreate: function(NODE, REF_NODE, TYPE, TREE_OBJ, RB)
{
if (TYPE === "inside") {
parent_id = $(REF_NODE).attr('id');
alert(parent_id)
}}
This works fine when the parent has no child nodes, however, when a child node exists nothing is returned.
I'm trying to shrink some jQuery code by using replaceWith, instead of hiding and showing two different items. Since I'd never used replaceWith before, I created a test page, all it has has a div container, with class "one", and inside it the word One.
The jQuery code I wrote is below, it works to replace One with Two, when one is clicked. But clicking Two does nothing. I put in an alert to test what replacement is, and it is correct, a div with class of two. Yet still the second click doesn't return to One.
$(document).ready(function()
{
var replacement;
$(".one").click(function(event){
[Code]....
i have made a web page in html in which i want as user enters his data and press a button load then computers MAC idCPU id and Motherboard id is automatically inserted in the check boxes.This is my html code
<html>
<body bgcolor="#FFB6C1">
<h1>
[code]....
Is there a method to get the x and the y coordinates where a user click in
the screen?
What I am trying to do is dynamically update an image and image map on
a page. I'd like the update to happen as quickly as possible and be
done without refreshing the page. The catch is that the image map uses
the wz_tooltip.js (http://www.walterzorn.com/tooltip/tooltip_e.htm)
library to display a JavaScript tooltip containing detailed information
about different areas of the image. So, when I pass the required
<script> tags via .innerHTML, the browser treats it as text and does
not interpret the JavaScript and execute the code.
My code looks something like this:
I insert an element into a website (between <div id=here></div>. It works.This is an input field and a picture (a trashcan)).Click on this picture shall delete the new content between the <div>s This doesn't work.Only on the content on bottom of the site (original content) works.
<html>
<head>
<title>Test</title>
[code].....
Is there a way in jQuery to detect when a specific new element is inserted in the DOM?
View 2 Replies View RelatedI need to get text data from a web page which are unfortenately inserted into <span> tag by jQuery so it's not actually involved in HTML source file. That means for me I can't get it by classic HTTPRequest (programmatically).
For example, on this page: [URL]
When you enter some text in the textbox, this text will show up under it. But when you open HTML source or download it using HTTPRequest (I do so in C# language but it shouldn't matter), the source won't contain entered text. And this text is what I'm trying get to.
Let's say I have this code:
$("p").click(function(){
alert("You've clicked on a paragraph");
});
$("body").append('<p>A paragraph</p>');
But when I click on the new paragraph, the event listener for p isn't running.
like am inserting 1000 records so i want to see the count for inserted article, assume for example till 200 article inserted successfully, after few second 500 article inserted success fully, like that progress information, i know we can do using the ajax, jquery
View 10 Replies View RelatedI am using a WYSIWYG web editor (Serif WebPlus X4; for a whole range of reasons - please don't turn this thread into a discussion of the pros and cons of WYSIWYG! ). It has a tool to create a site search facility, whereby you add a text box to accept the search terms, and specify an iFrame in which the results appear. The source of the iFrame is not specified as a page, but rather the content is generated and inserted by the search JavaScript that runs when the user searches the page.
I really don't want the results to be in an iFrame, because I think it looks a mess when the page and the iFrame both scroll. To avoid this, I'm trying to get the iFrame to resize to fit the results, so it won't need to scroll. (Of course, the alternative would be to change the JavaScript so the results are placed directly onto a page rather than in an iFrame, but because of the way the WYSIWYG editor works, that's less straightforward).
I've found many scripts online that would let me change the size of the iFrame based on its content, but they all assume that the content is coming from a file saved on the server, and work by checking the height of the file's content, and inserting that value as the height of the iFrame. Now, the problem is that when I use these scripts they cause the iFrame to become 0px high, I assume because the frame doesn't have a fixed source that can be measured, but rather gets its content fed in from the search JavaScript.
Can anyone help me figure out a way to resize the frame even though its content is dynamically generated as the page with the frame is loaded? I've copied below the search script and the html page with the iFrame that needs to resize. Ideally, whatever solution I use shouldn't involve editing the .js file I've attached, since this is generated automatically by the WYSIWYG program.
[Code]...
i have a form. i'm going to store the field into mysql. there are 2 conditions : one or all fields empty OR none is empty. when there's no empty field, the data will be stored. but, when there's empty field, no data will be stored and there will come up the alert "please fill all the fields!" here's the form :
<form method=POST enctype='multipart/form-data' onclick='show_alert()' action=insert.php>
<table>
<tr><td>Data 1</td><td><input type=text name='data1'> </td></tr>
<tr><td>Data 2</td><td><input type=text name='data2'> </td></tr>
<tr><td>Data 3</td><td><input type=text name='data3'> </td></tr>
<tr><td colspan='2'><input type=submit value='Save'><input type=button value=Cancel onclick=self.history.back()></td></tr>
</table></form>";
[Code]...
i don't know how to show the alert with javasript.
How can I get the position in a image area in where I do clic?
If I have a jpeg image 400x500 and I do clic on 200x100 the script returns height=200
width=100
Can anyone please help/direct me to find/write a simple Javascript function to clean up a decimal point or a coma on a number.
For Example I need
10.000 to become 10000
or
10,000 to become 10000
I am building a custom shirt design app which uses an Ajax form to allow a user to upload an image, and once it is uploaded it is automatically placed in the next empty <li> in their little gallery... once it is in the gallery they can click on it and insert it into their shirt design. It's all done with Ajax so they never leave the page.
Here's the code that inserts the image into the page once it is uploaded: (this works perfect)
$('#last').html('<img src="uploads/' + filename + '" />');
Once the image is in their gallery, the user can click on it which inserts it into their t-shirt design:
var selected = $(this).attr('src');
$("#container").html('<img src="' + selected + '" width="40" />');
Okay so say their gallery already has 5 images in it an they upload a 6th, the HTML looks like this on page load:
<li class="graphic"><img src="uploads/monkey.png'"></li>
<li class="graphic"><img src="uploads/ltdtee.png'"></li>
<li class="graphic"><img src="uploads/wordpress.png'"></li>
<li class="graphic"><img src="uploads/kitty.jpg'"></li>
<li class="graphic"><img src="uploads/steve.png'"></li>
<li class="graphic" id="last"></li>
The problem is that if I click on one of the first five, it works, the image gets inserted into the shirt design. But if I click on that last one, which now has the image I uploaded in it, it doesn't get inserted into the shirt design. Is there a reason why?
I block some characters to be inserted in my input, for example I don't want the user to insert numbers in a firstname input
View 2 Replies View RelatedI can't figure out how to coax JQuery in to selecting an element that is manually (dynamically) inserted in to the DOM after the page loads. For example:
If I have HTML:
<div id="bar">
World!
</div>
Then I create a new element and insert it in to DOM:
var foo = '<div id="foo">Hello</div>';
$("#bar").before($(foo));
I end up with this, which is great:
<div id="foo">Hello</div>
<div id="bar">
World!
</div>
Now that's very nice, but later on I might want to do something different with the element I inserted, using JQuery to manipulate that new element. But if I try to do:
myHappyEl = $("#foo");
Then myHappyEl will be undefined. JQuery doesn't see it, presumably because it go attached after JQuery was done watching for such things. How I can coax JQuery in to noticing the existence of new elements created not only in exactly the manner shown here, but in general after the DOM has fully loaded.
I've seen lots of suggestions addressing a possibly related but subtly different issue, wherein the solution is to use .live() to attach an event listener when an element comes in to being. That would be brilliant if I wanted to capture a click event or something, but I don't; I want to be able to select the dynamically added element(s). Perhaps there's a simple way to accomplish this using live(), but I haven't seen it yet. If there is a solution using live then I'd like to know what event and what function to trigger!
Is there a possible way to mimic the livequery's function to have an element inserted, or removed from the DOM? As I know the fastest and simpliest way was to use the livequery plugin.
So is there any way to mimic that function with the on, and the off functions yet?
A simple one that is fooling me too much.The following function is returning a numeric value. I want to insert this value in html code. How can I do that?
Code:
<script type="text/javascript">
function myFun() {
[code]....