I am working on a website which has a large image slideshow on top, with the logo. The content articles are in separate HTML files, and are embedded in the main document with a simple PHP include function.
The problem is that clicking on a link causes a refresh of the whole site, the gallery resets to the first image, and there's a momentary flashing of the screen.
I would like to explore the options of having only the main section update (somehow) when the user browses the site, leaving the rest intact, on screen.
I am worried about these potential issues:
- Will it be Search Engine friendly? (i.e. finding and indexing the separate articles)
- The vertical size of the site expands depending on the length of the content. Will this partial refresh be compatible with this?
What is the easiest way to print only parts of a page. I have a mail order page that lists the products ordered and the customers information, plus buttons and instructions. I all the info is correct I want the user to press a print button, but only want the items ordered and cust info to print, none of the buttons or instructions.
I read that I can use a hidden frame and print this frame but wanted to avoid frames. Is there another way?
I am looking to implement javascript to do the following: I have a checkbox that I would like to control the a entire form below it. The form would be made up of several tables, text and radio fields etc. I have tried using various solutions, but only seem to get small parts to hide and not the entire tables. So for example, I am looking for something that would work like this:
Is there anyway to create a page w/ doctype or headers that tell the browser something like "there's JavaScript in this page and you have JavaScript turned on, but don't execute it because the developer was too lazy to validate the data".I'm looking to stop reflective xss attacks for parts of a certain page. There's always going to be that one user who throws a lot of junk into the form and eventually some combination of bad code will get through.
I am currently programming Script Adds data to the database but if i want to Shown the data that have been added Requires refresh the page to show the Data that have been added . and I do not want this method.I want to when adding data to show updates as soon as the addition of data.This can be done by Ajax , and An example of this method used Google Gmail.
I have a script that parses window.location.hash to figure out which xml file to load. The xml files populate a page on a framed site. The code works correctly to a point.
If I have a seperate html page to support each xml it works. I would like to eliminate the individual html pages becuase only one should be needed.
When I use one page the first link works, then the second one does nothing (doesn't refresh the frame). If I click to a static image for the frame then click the next xml link it works.
What can I do to force the frame to update? I am clicking on a HREF link that should re-load the html page, but with the new xml data.
I followed the video tutorials on this site - pretty good. I'm now able to delete records and remove the tr on he fly. Im also able to insert a new record i my db, i the background. But how do i update my page so the post shows up? Code:
I am trying to send a javascript request from page_1.html to page_2.html, and have page_2.html rewrite the content on page_1.html,
the code I am using to request page_2.html from page_1.html (so the following code is on page_1.html, just to be clear) , this code works fine on other projects.[code]...
I am using this to update the page with new content every 60 seconds
Code:
$(document).ready(function() { var refreshId = setInterval(function() { $('#contents').load('src.php');
[code]...
What I am trying to do is, I want to load the page only if src.php has new contents, I tried this, but now luck
Code:
$(document).ready(function() { var refreshId = setInterval(function() { var current_html = $('#contents').html(); var new_html = $.load('src.php').html();
I am using the following code to show visitors when my page was updated last.
It seems really cumbersome for what it does, too.
Right now, it reads:
Last updated on Monday, December 19, 2011
I wanted to add code to it so that it reads the hours and is in this format:
Last updated on Monday, December 19, 2011 at 8:44am
How can I add the "at hh:mm am/pm" part? Or is there easier code that will do this?
function getLongDateString() {month = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
I came across this product page at nordstrom that allows users to filter products by certain criteria (size, fit, price, etc). [URL]..
They use ajax to update the page with any new criteria that users select, but with each page update the page url also changes and the browser history shows the new page. This is done without refreshing the page.
how this is done: creating a new page in browser history but without refreshing the page?
I'm trying to update a textarea's value with Javascript. The code is similar to:
console.warn("Before set, value is " + document.getElementById('myTextArea').value); document.getElementById('myTextArea').value = 'OMGWTFBBQ'; console.warn("After set, value is " + document.getElementById('myTextArea').value);
Although the Firefox and Chrome consoles show that the value property is updated, this is not reflected in the page itself.The specific function is invoked from an onfocus handler of another element. The textarea itself is lazily initialised from the same method, by using:
var messageText = document.createElement('textarea'); messageText.id = 'myTextArea'; someParent.appendChild(messageText);
Obviously if I use the console rather than let the script run it does work.
what I have is a code containing 2 iframes inside a div.what I'd like to do is refresh one of the iframes when it's page recieves an update from another user.
perhapse I could load the page on the document load, and store those contents in a var.then have a code that will compair the remote page to the var every second or so.if the page compairs differently, update the var info and refresh the iframe.
i am trying to put some code within my js such that, when the server "sends it a message" it refreshes the page. now i have the refresh part of things. the place where i am stuck is, how can my server (tomcat, am using a java web app) send a very small piece of info to the js which when it receives it, refreshes the page.
I am trying to update all Select boxes on a page dynamically using javascript, I simple want to change the selected item in each select box when a tick box is pressed on the page. Each Select box is named in the same convention ie. ddl_DeliveryStatus_ and then the recordID and contains the same options in the same order. The number of select boxes changes every time the page is loaded as this is all built using ASP linked to a database.
I am hoping there is an array or collection or something similar I can simply reference to do this, but an struggling to find the answer.
I am using the taconite plugin and am running into a strange issue. I use taconite to call several processes after each other (php) and update messages in the page, as such it is running fine. I have one big issue, if I open one database table too many in one of the calls, taconite receives the xml but does not update the page. With taconite debugging turned on I can see the following: WITHOUT the database I get to my last step in the database: [taconite] time to process response: 28ms [taconite] [AJAX response] content-type: text/xml; status: 200 OK; has
In my jsp,Struts project i am using the javascript calendar control for selecting the date and by using function calcage() i am calculating the age of the user but problem occurs when the page refreshes OR when user updated the other values such as name ,contact no. Then the value of the age is set as 0 in the textfield as 0
i want to know if its possible to update a page based on some information we recieve from a device which a client will have.the simple issue is that a client device will be sending me some values by making a request along with some parameter values. i have to recieve the request, get the values and update the information on the web page.i don't know if the get() and post() function can be used in any way.. they are supposed to send request.if I don't find a solution using jquery, i will be forced to use a servlet, but then again, i have to somehow update the page directly, i can't save the data anywhere and read it. because, one thing is the data is critical and other thing is that i will get data every 5 seconds.
I can't get this to work, but I'm trying to update the text into an iframe on the same page with a button, for a game I'm making, the battle messages when you attack. Here is the html file with the button and onClick
I am wanting to obtain the computed width value of an element (not window). This is of course easy enough using .width(), but the value needs to reflect the change in this element's width as a result of window resize (the element in question is being used as a page wrapper that utilizes the expand-to-fit of a block-level element).
I've read in various places that .resize() only works on window, but have managed to stumble across an article (benalman(dot)com/code/projects/jquery-resize/examples/resize/) in which .resize() works on an element other than window.
I've managed to craft together a very simple few lines based on the logic in the article. However, although the computed width of the element is returned, it requires a page reload in order for the value to be updated. What I require is the value to be update incrementally (like in article) without requiring a page reload.
Code: function foo() { $("#page-inner").resize(function(){ $("#header").append($(this).width());
[URL]. I looked at this script and I tried playing around with it but could not figure out how to: Instead of having a check box field and then a radio box field, have 2 radio box fields, so the user picks from one group of radio boxes and then another. Then change the math behind it so the values in the first field are multiplied by 100 and then the values in the second field tack on a percentage (ex value in first field is 1.5 so 1.5x100 = 150 and value in second field is .5 so total is 225).