are html frames really my only simple option if i want to create a "link" which only refreshes a part of the page (show/hide divs) without breaking the browsers' "back" functionality?can i move to a different page without loading a certain portion of it that was already present in the previous page (without using html frames) ?
View 2 RepliesI use Spry for my form validation and have recently ran into a small issue. Form fields validated using Spry lose their value when I hit the back button. Fields without validation retain their values.
The form is using the POST method. With javascript, is it necessary to send the form variables back to the original form page?
when you have a page that contains an iframe, and then navigate inside the iframe, hitting the browsers back button will only affect the contents of the iframe and not the entire page. I've been searching all over for solutions and cant find one that works for my current implementation.
function ShowPage(frame)
{
frames[0].location = frame+'.html'
frame.contentWindow.location.replace(newUrl);
}
[Code]...
I've gotten .load to load content into a div but if the window is not at the top of the page it scrolls back to the top each time the new content is loaded but I wanted to avoid any sort of change on the page other than the content in the div. It seems pointless if the user has to scroll back down to the div where the content is each time? code...
Is there a way to keep the window in the same position? Also while I'm at it - is there a more efficient way to write this considering I have 9 pages or should I just write this code out for each instance?
What I have right now:Endless loop of Rows/records.Each one has a checkbox and a submit button.� I tried to make the checkbox pick up updating `long_desc`� The submit button currently just marks the job completed in the DB. (0=Incompleted 1=Completed)Submit button works with updating the row, right now... but instead of the submit button doing that, I want to have 2 checkboxes. One that knows to update the text field, and one that knows to update the status of the job, submit button to initialize it.I have some Javascript in already to separate the forms I have, and assign ID's to each Submit button on the page, but I really am stuck right now.
View 1 Replies View RelatedI setup a jquery ajax request to update my sql database... (add a product to shopping cart) then after it completes I want to use .load to re-load the shoppingcart (the cart is currently loaded with php include - so it is it's own seperate .php file). The problem is that when it reloads it doesn't have the "current version" If i refresh the page it's fine..
Example -
<script type="text/javascript">
$(function() {
$("#addtocart").click(function() {
$.ajax({
url: "addtocart.php",
data: **form data here**,
complete: function() { $("#cart").load("cart.php"); }
});
});
});
</script>
<div id="cart">
<? include("cart.php"); ?>
</div>
<button id="addtocart">Add to cart</button>
--
I have also tried to put a variable in front from the $.ajax and then use $("#cart").ajaxComplete(function() { $(this).load("cart.php"); } });
But yet still no luck. How to make ajax load a page after the mysql update has been done then display it?! I used to do this all the time before I started using jquery. When readyState was = 4 { load page code here } it would always work.
I'm creating a simple auto updating script based on PHP and using jQuery to set the interval to 1000 miliseconds. It works in FireFox, as the only one I've tested so far, but in Internet Explorer (Version 7 right now, didn't test others) it just freezes and doesn't auto update. Doesn't auto update either if I refresh the page, so something's messed up here.I'm using the same way of auto updating on other things, such as a chat-page - works on those in all browsers, so I'm kinda on a lost track here.
Here's the JavaScript/jQuery:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
[code]....
I am trying to write a script that uses the IF statement to see wether or not a user clicked the back button to come to a page, and then if it's true to not let the page load and kick them back X number of pages (say 4) This is what I have so far:
<script language="JavaScript"><!--
if javascript:window.history.back == 1
{
javascript:window.history.back(4);
return false;
}
//--></script>
But I am doing both front and backend for a project and having an issue with a jquery slider which, when inserted, is breaking 2 other js scripts in the page, including my main menu.Can anyone point me to a resource that outlines best practices for working with more than one js library and/or raw js .I'm doing some tests on the order of the scripts right now, but wanted to put a feeler out there to see if someone has dealt with this before.
View 1 Replies View Relatedi'm using URL... to load and preview music on my page.It all works really well, when you write pure static html code with just [code]And it will automaticly transform that url into a working custom-player. Done with the soundcloud api.But when i use $.getJSON and dynamicly get down a list of urls that i try to insert with:[code]*side-note(it's the same result with $('#addbtn').click, just wanted to try live as i hoped it would update the elements upon being added. But did not work out.)The url gets inserted into sc-player class div, but the rest never gets transformed into the custom-player with the sc-player.js script.It just remains an ordinary a href. It is as if the sc-player.js never is being "loaded" which i can understand why it won't. Question is how do i get it to successfully transform my urls that are being dynamicly added with javascript into the custom-player instead of just the url to the song?
View 2 Replies View RelatedI used the jquery-function replaceWith() to replace this html part <div class="montag">...</div> with this part <div id="ersatz">...</div> Then i implemented a listener for montag and a listener for ersatz, so I can switch back and forth between the different parts.
The side gets loaded within the montag div and when i click on this part the listener works and the html gets switched to the ersatz part, but after this the listener for ersatz does not work, although the modified html gets displayed in firebug. Are there any solutions for such a kind of problem?
writing the script to be able to pull the information from the database without refreshing everytime something new has been added?
My codes at the moment read:
$recentupdates = mysql_query("SELECT * FROM status NATURAL JOIN users WHERE user_id = users.id ORDER BY status_id DESC LIMIT 0, 5");
$recentnumrows = mysql_num_rows($recentupdates);
[Code]....
the codes works of course. But I want it to be updated automatically when a new post has been made.
i have a table, with records pulled from a mysql database with users who can earn points. is there anyway i could have the points update live, insted of having to refresh the page?
View 1 Replies View RelatedI have a page, that will contain up to a couple hundred different widgets on it, that an individual will be able to browse through and choose the size and quantity of the ones they want. Each widget will have form fields associated with it: "size" (small, medium, large) and "quantity", with a "total cost" field underneath that. As the individual looks through the widgets, choosing the size and quantity of the ones they want, I'd like for the "total cost" field to be updated under each widget. I'd also like a "total order cost" field that sums up all the costs of the widgets they want.
I need the script to basically say:
If size = small, then multiply $1 by the quantity.
If size = medium, then multiply $2 by the quantity.
If size = large, then multiply $3 by the quantity.
I am loading the pages in a div. Without reloading the page the content is loading into the page by using the below method.
Script
$(document).ready(function(){
$('a.menu_links
[code]....
I have a problem, I am by no means new to PHP/Javascript but am finding an error that I cannot ridicule how to stop.Ok Ill try and explain it in simple terms:I have two divs, div1 and div2,In div1 there are links whitch are fetched from the databaseIn div2, content from links href ? in div1 is collected through AJAX.No I have a php preg_replace function that replaces it to look like <a href='#' onclick=\"showTopic(0,$char,'$1');\">$1</a> Now when you click this, it inserts into the "tpm" table in the database,(this table holds the links for div1) But it will not update the links unless i refresh the page? I would like to knoe how to update the links in div1 without refreshing, because refreshing = going back to the start of the code i am working on.
View 3 Replies View RelatedA couple of months ago I posted a question in these forums pertaining to some trouble I've been having with a webpage utilizing Javascript and PHP to implement AJAX.
Quote: I'm having two Ajax-related problems on a page I am working on at the moment. (Can't include the link since I'm a new Dev Shed member)
On this page, I have two buttons that use Ajax to fetch two separate forms and put them into a chosen div; that part works like a charm.
On said forms, there is a div that is meant to display any necessary error messages when the submit button is clicked. However, on the first time the page is visited and the form is chosen, the div won't display the error message. Only after refreshing the page/choosing the form a second time will the message show. I've been checking the response from the server via Firebug and the response is correct, it just seems like the page isn't updating correctly.
Secondly, once I refresh or choose the form again and the error message begins to show, if I enter values into the form fields and should be getting a different error message, it never updates. Once again, the server response is correct, but for some reason the page just isn't updating to reflect the new message.
I have been using the date field on the New Event form for testing; if you have Firebug, you should be able to see that I am getting the desired response from the server (look in the allErr div), but the HTML isn't changing with it. I have tried both using my own Ajax functions and using jQuery's Ajax implementation, but both give me the same problems. What am I doing wrong?
Code:
PHP Code:
I'm using a JQuery function to slide a div into and out of visibility, but every time I toggle, the browser resets my view to the top of the web page..What I want to happen is when you click to reveal the div, the page scrolls down and the div content is in full view. When I click again to re-hide the div, I want the page to scroll back up smoothly instead of just reverting to the top of the whole page...The page url is: http:[url]....Here's my code:
Code:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".content").hide();[code]......
I have created two onClick events that i need to combine into one with jQuery. I am not sure how to do this.I have an unordered list:
<ul id="coverTabs">
<li class="currentTab"><a href="#">Individual</a></li>
<li><a href="#">Couple</a></li>
[code].....
I am trying to get the back button or just a go back to work with an Ajax div? here's a minimal ajax enabled bldd.nl/stackoverflow/pagination/indexMinAjax.php but i want it to be ajax enable with the back button and for this i am trying BBQ
(benalman.com/code/projects/jquery-bbq/)
bldd.nl/stackoverflow/pagination/indexBBQAjax2.php
bldd.nl/stackoverflow/pagination/indexBBQAjax3.php
But i can't get back to a resulting page after filters have been selected?
My requirement: Each time a visitor arrives at a specific webpage i want the main image on the page to be different, or more specifically, one of 6 images which will be shown in rotation. Solution: Set a cookie. Each time the visitor access the page read the cookie and display the corresponding image. Then increment the value and rewrite the cookie, so that next time they'll see the next image in sequence. NB: if the cookie does not exist (first timer) or is at 6, then the value is set to zero (and then incremented).
Problem: Can't get my coding to work. Specifically it just doesn't do anything - no error message, no cookie written. I'm a very novice scripter, as in I've cobbled the coding together from bits off the net that i think i've managed to grasp some kind of an understanding of. Very suck it and see - so far lots of sucking and no seeing!
[Code]...
I have content in hidden (invisible) DIV elements on a page that I want to load into another DIV element on same page. I need to replace content currently in a DIV with that coming from another DIV. DIV ontent could be a P element or a P and IMG element.
View 4 Replies View Relatedhow do i make the page go all the way to the top after you press the back button?
for example, you would go to page 1 and you scroll mid-way, then you press a link to page 2. then you press the back button on page 2 and takes you back to page 1 but it brings you back to the section where you scrolled mid-way.
is there any way to make it so it will automatically bring you to the top of the page. ive seen it on other sites.
after hitting 'back' button I'm taken to spot on page where I was, but I'm being asked to do the opposite -- take user to the top of the page, after hitting 'back' button... when I look up this issue, most people complain of the opposite - that the browser takes them to to top of the page after hitting 'back' button...;-) [URL] is there a way with JavaScript to force page to go to the top of the page when you navigate to a back via 'back' button?
View 3 Replies View Relateddoes any one have any idea how to go back to a calling (previous page) from the present one you are in;
1. without clicking the 'back' button on the toolbar
2. and still retain the values that a user already filled in in the previous page you are returning to (i.e. - the user should not have to fill in the values afresh)
3. maybe using the on click event of a button, or any other method.
I've created a widget that my company will be posting on third party sites. It's a flash widget that has to expand when a user enters their name and hits the "send" button. The problem is cross-domain access which I know is an issue with all browsers.Our company has added a PointRoll and DoubleClick html file on our system for our ads, so my question is how do these files work? How does having their html files on our servers get them around the cross-domain issue? I will probably have to create one of these files for our widget.S: I want to once again point out that the user has to purposely interact with the widget (enter their name and click send) in order for the ad to expand
View 1 Replies View Related