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 RepliesDoes anyone know of an easy way, using javascript/jscript/jquery only, to get the first sentence of any Wikipedia article?
I've tried using ajax to grab all the html and then narrow it down using a couple of split() functions, but not every article is the same, so I don't think I can do it that way.
I need a count down clock that will count down 18 minutes and reset itself at the end. also i need a counter that increases by +1 every 18 minutes starting at 0.
View 1 Replies View Related$('ul#navigation li ul li>a').click(function(){
var active = $(this).text();
$('#artcontent p').empty();[code]...
I have a ul li a that are children of parent ul navigation and li.what I am trying to do is to load an article page.This works but it reads the database and loads all the articles in my database instead of the one identified by active.I would like to know what I am doing wrong or is there a better way to go about this?
I'm trying to make a shopping cart for a dvd shop but I have a problem adding the same dvd multiple times to the shopping cart. It should increase the amount by 1 each time but it doesn't. The amount stays at 1 all the time.
[Code]...
when a user scrolls to the bottom of my page. i found .scroll which just tells me when there is a change to the scroll bar position.
i want to hide widget on pageload then have it pop-up when bottom of article is reached. and if the person scrolls back upm then it will dissapear again.
Ultimately, I'm looking to build navigation between article titles (h2 tags) where each title acts as an anchor link to the next title.How do I find the position of the next occurance of a tag, not necessarily adjacent, matching the current $(this) clicked item?
View 2 Replies View RelatedIm a bit curious about this Facebook's useful functionality. When I paste a URL on the 'What's on your mind?' box, it almost perfectly gets the body of the article. How does Facebook do this?
View 2 Replies View RelatedI have basic JS knowledge. I am trying to organize a JS timer which counts down to a specific date. After the target date is meet the timer starts to count up. Can someone point me to a JS sample which executes this count-down+target-date+then-count-up theme?
View 2 Replies View Related<div>
</div><div>
</div><div>
How to restrict the user copy the article content in the page ,</div><div>
1.I want to disable the copy from the right click menu ,</div><div>
2.also want to restrict the user Select all the article and take the copy
this jQuery plugin nearly works in IE6. You can see the error that is produced at the bottom of the article corner. (I'm tackling the other issues... .png later) http:[url].....
View 2 Replies View RelatedI'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]....
Can someone tell me where I can find a readymade (copy and paste) code/script for a progress bar.
Something real simple please if you know of one. I have googled it but most of what I have found is gobbledegook to me.
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.
I 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 is it possible to do a loading progress bar,the msot simple way, i read taht you can make this in a very simple way using the image class(with the image array) or also using the image array so all your pics would load when the site starts but i think the first solution is easier(loading bar), i have a very simple site that uses html and css and if any of you knew about this simple java script loading bar?
View 5 Replies View RelatedI wanna show a progress bar with message when my php script is working in background to the user who has submitted the form.
my output is inside a table, and it would show the progress bar with message till the complete table is loaded.
How can I do this?
I have an ASP page on my intranet that searches a large database. After you click search it takes a while for the results to display so you just get a blank page and it looks like nothing is happening.
What I want to do is, using javascript, display something that makes it obvious that it is actually doing something. This could be either a progress bar or an animated image that dispappears once the page is loaded.
Does anyone know where I can find a script that will do this?
I am trying to show wait image while your form is submitting.Like in lightbox.js till the image pop up it shows the progress bar and then show the zoomed image similarly i want to show the wait flash button(it moves round and round in) until my form is submitted.
View 1 Replies View RelatedI 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?