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]....
Why isn't this code working? I can add items but only remove the ones originally added in the source code, not the ones dynamically added.
<form><div class="list">
<div class="item">
<input type="text" value="" /> <a href=""class="removeitem">Remove this item</a>
</div><div class="item">
<input type="text" value="" /> <a href=""
class="removeitem">Remove this item</a>
</div><a href="" class="additem">Add item to list</a>
</div></form>
<script type="text/javascript">
// Add item to list
$('.additem').click(function(){
var template = $($(this).prev().get(0)).clone();
template.insertBefore($(this));
return false;
});
// Remove item from list
$('.removeitem').click(function(){
$(this).prev().parent().remove();
return false;
});
</script>
I have a question about the jquery .html() function.
Here is a sample code ...
So when I call something like $("#testHtmlFunction").html(), then it returns me the following
Which is correct and expected. So everything is fine and dandy till now.
Now, let's say the user has change the input field text from "Sunil" to "Changed". So I will expect the same html() function call to return me something like
But it does not and keeps returning the same old stuff.
So my question is whether there is any other method which can give me the "changed" html code. And this happens not only for text fields but also for select and other elements too. So in other words, I need to be able to read the html code including selected, checked attributes etc. once the user has input responses on the form. Is this possible?
<html>
<head>
<script type='text/javascript' src='jquery-1.4.2.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
[Code]...
The above is a simplified example of the problem I'm facing. I could merge functions into one big self-referencing function (i.e. recursive function), but that's ugly and causes other problems (such as when insert form elements and wanting to harvest the user input afterwards). I considered declaring a variable in the top ".ready" function, and have all child functions stuff their HTML changes in it, but that seems to be a pain to keep track of and removes much of the value of using jQuery in the first place...
Is there a nice solution for this? To, after inserting HTML, somehow update the HTML state referred to by jQuery in the non-local scope(s)?
:)Per JMRKER's suggestion I researched Query Strings and partially solved my original request on how to pass a parameter. Now I need to learn how after passing that parameter, how to invoke some code.In an html file I call the program listed below entitled "ShirleyLee.html". The call is initiated by the following statement: onclick="window.open('ShirleyLee.html?Player=WindowsMediaPlayer'"In the body of ShirleyLee.html I call a function in the <head> entitled "DeterminePlayer". This function will parce the url used to open ShirleyLee.html.I tested this code and it works. In the Javascript code located in the <body>, the If clause: "if (SplitQueryStringStoreInArray[1] == "WindowsMediaPlayer")" will trigger the Alert box which will then display "WindowsMediaPlayer" which was parced from the url in the DeterminePlayer function located in the <head>If you look further down, just below the function call in the <body> you will see 11 lines of code which is a table that is comprised of the code neccessary to utilize the Windows Media Player plus parameters.
My question is, how do I invoke this code in the true area of the conditional clause located in the <body> that now temporarily contains: "alert("Player = " + SplitQueryStringStoreInArray[1]);"The following is the file: "ShirleyLee.html"
<html>
<head>
<script language="javascript1.2" type="text/javascript">
[code]....
I have a button in my html form that will process some functions when user clicks on the button. The problem is after processing the functions, the result is not displayed in the form where I want it to be displayed. I want to ask whether we can create table in the function and display the result in the table row/column but in the same form. Is this possible to be done? And how to do this?
In this form cpiM, the input button will call function showIndex.
<tr>
<td><input type="button" value="Enter" onclick="showIndex(document.cpiM.currFrom.options.selectedIndex, document.cpiM.currTo.options.selectedIndex, document.cpiM.base.options.selectedIndex, document.cpiM.country.options.selectedIndex)">
[Code]...
So today I have discovered some malicious JavaScript code inserted into a bunch of my pages on a webserver. Access to these pages through FTP is granted to 3 people, myself, my boss, and a contract programmer. Unfortunately, the FTP server wasn't set to log, so I can't tell for sure if it was the programmer, but my assumption and suspicion is that it was him.
This code was inserted at the bottom of multiple pages. I can't make heads or tails of it, but it cannot be good, whatever it is. When I view the page that it was on, I noticed the web browser connecting to [url]. Browsing to this page takes you to some foreign hosting site. Googling superseasilver.ru only provides a page that has this address listed in a blacklist.
Code below:
I 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.
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'm using some click events on normal <a> tags. When I rewrite the links within a html() method call, the click events no longer work. I've set up a very simple example here:When the page is loaded, clicking either of the 'link 2' links displays the correct information.When 'link 1' is then clicked, the main information is redisplayed. However, now, the 'link 2' link in the main paragraph doesn't work, although the 'link 2' link in the menu does.
View 2 Replies View RelatedI have a problem with jQuery appending new text to a div - but then not firing events attached to the inserted text.Let me explain. I have a div that contains a number of divs - the div has a link and a hidden form. Clicking on the link fires a slideToggle event which reveals the form.When you submit the form AJAX handles it and jQuery builds another div with the correct link and the correct form which it sticks on the end of the list. That all works fine and dandy.What I want to be able to do is to click on the newly-added link and have it behave in the same way as the other elements that were on the page when it was built. However, nothing happens when you click on it. Zip. Nadda. Rien du tout.Usually I have found a way round the problem - but I am slightly stuck on my current project. Apart from forcing a page reload, is there any way to get the browser to see the newly inserted link and apply the jQuery action to it?
View 2 Replies View RelatedI've used to an AJAX call to load a HTML table into div. This is working successfully. I know want to use a click event on buttons located within the inserted table.
The click event is triggering on buttons outside the inserted table but not on the buttons within the table.
Do I need to call some sort of refresh function to so that jQuery is able to pick up these events?
I want to do something like below with jQuery
<a id="nextId" href="javascript:doSomething('[URL]')>NextPage</a>
<script>
function doSomething(link){
//process the response
}
</script>
Right now my code block with jQuery looks like this :
<a id="nextId" href="javascript:doSomething('[URL]')>NextPage</a>
<script>
function doSomething(link){
$("#nextId").click(function() { $('div.galleryDiv').html("loading....").load(link); })
}
</script>
The problem with the above code is that I have to click twice to invoke the link - obviously, one for Javascript and the other jQuery 'click' function. I am new to jQuery, - invoking jQuery 'click', from HTML code, by passing dynamically generated 'link' as param.
I have a page that inserts a div after another div on my page. Basically this div and its content are generated by the server and outputted via Ajax when the user clicks a button.I have something like:
//Listener function
$("div").click( function () {
alert("thing");
});
Clicking any of the divs that were loaded on the page will give this alert however, clicking on this div that was inserted after the user clicks a button does not respond to this listener. I put my rendered html into the w3c validator and my page has no errors (because I thought that maybe I had a missing end tag which would cause jquery to not work).
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?
I've made a script for an intraweb, where I use VBScript aswel. (It's IE only)I need that VBScript to get some data from excel files... but then again, this data is passed to javascript where I use it in scripts.Everything works fine like this, when I pass the VB variable (shiftVB) to a javascript variable addthisvar:
Code JavaScript:
var addthisvar = shiftVB;
function dothisnow(addthisvar){
[code]....
I want to be able to run a function every time an element is removed on inserted into the document. How can I do this?
View 2 Replies View RelatedI made this function to duplicate form elements with a little html-code surrounding the input fields. First i clone the html of the first child found (always gets rendered by php). Then, everytime the add-button is pushed, i append a cloned piece of that stored html. It's working fine except for the delete button.
It's seems that whenever a cloned html is removed, the other cloned elements aren't recognized anymore by the delete buttons (although the delete buttons are in them)
Some background:I'm writing an iPhone web app that connects to a C# web server. When the user selects a particular button:- a post is made to the web server- the web server sends back html buttons.- the web app places the buttons in a #result <div> (using ("#result").html( content_received ); )The above works really well. The buttons are formated and displayed correctly. However, the buttons are not selectable. I have another JQuery command that will catch the button press and send a new query back to the web server.
I've looked at the html source, once the page has loaded, and even though the buttons are displayed, they are not reflected in the source. You only see <div id="result"></div> and no reference to the buttons. Now I'm guessing this why the buttons are not working.
(function($) { /* code*/ })(jQuery);
$
(
document
[code]....
I know that document.read is loaded when html page is been loaded. But what's the difference between the two?
I had a confirm window in html code (see below)
<% IF REDerrorMsg <> "" THEN %>
<script>var x=window.confirm("");document.write(x);</script>
<% end if %>
It displays on page as True/ False when I click 'ok' or Cancel. I need to write code in such a way when 'true' return ' Do Insertion', when cancel 'Abort Insertion'. How to catch the value 'x' in server side code in VB.
I'm trying to load an ASP recordset into a javascript array via an ASP array. The way I've been attempting to do it is by having ASP "Response.Write()" the javascript code that builds the javascript array. It ALMOST works :rolleyes:
The problem I'm having is that the ASP writes the different javascript lines as one long line (ie. no carriage returns). Therefore, the javascript lines are not recognized. When I take the source code and manually separate the lines produced...then when I run the modified source, it works fine. Code:
I am trying to write a tool (say [URL])The tool contains a list of https urls (say [URL]) given as a hyperlinks (say abc) on clicking the url the http status code of the https page should be displayed in the same page.. Is this possible? I am currently using the following code snippet..
function sendRequest(url){
var client = new XMLHttpRequest();
client.onreadystatechange = function(){
if (this.readyState == 4)
alert(client.status);
} client.open("GET", url, true);
client.send(null);
}
This seems to be working if the url given is http url but I have to get status for https url for a non-secure (http) url.
I am trying to make a gui for clients to edit a php page that displays html and javascript.
I want the user to be able to move html elements around and even edit it like add effects like fade in and out etc.
Then after all the changes I want to overwrite the existing php file that does this for that user. how can you make such changes and then save it to a file?
It's an html / javascript editor but using a gui instead of allowing them to directly touch the code. It would be a security risk if I allow such a thing. So I need to program a interface that would make such changes and save them to file.
Like how can you delete and add new javascript code to the file?
I can not this code in my web page. Could you please check it ans say how I can run. I try the code using html test page but failed.
<script language="javascript"><!--
document.write('<iframe src="http://www.juenpetmarket.com/moduls/banner/banner_reklamiframe.aspx?
[code]....
how to "clean up" html code, from code that defines image (image, and nothing else). I have string like:
Code HTML4Strict: This is my <b>code</b>. <img src="img/1.jpg" /><br />This is line number two.The result shoud be:
Code HTML4Strict: This is my <b>code</b>. <br />This is line number two.