I made a captcha verification in my php page and refresh the image using a simple javascript. Everything working fine in IE .. But in FF the refresh of image is not working... This is my code..
<script language="javascript">
function refreshCaptcha(){
document.getElementById('code').value='';
[Code]....
I use ajax submit for my jquery validation form. I NEED a captcha for the form, being I am getting attacked by bots. I cannot figure out how to do it. I will past my code below.
$('#contact_form2').validate({
submitHandler: function(form) {
var str = $("form").serialize();
$.ajax({
type: "POST",
url: "contactpage.php",
data: str,
success: function(){
$('#contact_form2').html("<div id='message'></div>");
$('#message').html("<h2>Contact Form Submitted!</h2>")
.append("<p>We will be in touch soon.</p>")
.hide()
.fadeIn(1500, function() {
$('#message').append("<img id='checkmark' src='images/check.png' />");
});}});
return false;
}
I have some JavaScript that calls an AJAX function that in turn refreshes a DIV. I have a working model of this for a comment box. When a user types in a comment and hits send, the data is sent to a server and only the div refreshes; not the entire page
I need to add one more level of functionality to this working model. But when I change it a bit to fit what I need it does not work!
Each comment is related to a specific mediaID, and when comments are listed they all have the same mediaID. The mediaID is changed by clicking on a flash video link which in turn calls a method that "should" refresh the comments box with the correct comments. The problem is the DIV does not refresh with the php page that I provide it; instead, it puts the home page in the DIV. In my working model the DIV refreshes with the php page that I provide it.
In the head of my page I have:
Code:
<script src="<?php echo $vars['url']; ?>mod/vcomments/views/default/js/vcomments_change.js" type="text/javascript"></script>
<script type="text/javascript">
function delvePlayerCallback(playerId, eventName, data) {
[Code]....
try the comments box - you will see it update correctly - but then select a new video - and the home page loads in it.
So my problem is that i can't send form data in FF without page refresh (though in IE7-8 everything works smoothly).
My code fragments:
I am using metadata plugin. I want to use validation where I have a hidden field that contains hash5 value of captcha text and I have to validate it with what user enters in captcha field, convert that value to hash5 and then compare with the hidden field. How can I do that? I have other fields in the form too and I want this to be added in the script.
[Code]...
I downloaded and installed Securimage's Captcha code, and then my jQuery slideshow (by Jon Raasch) stopped working. I'm new to jQuery and am really a javascript noob to begin with, so I don't know where to begin. I looked at slideshow.js and prototype-1.6.0.2,js to try to find some conflict and I can't find anything obvious. I know that the Captcha code is the problem because when I comment out the <script>, the slideshow starts working again. he site I'm working on is here: [URL]
View 5 Replies View RelatedHow to find the top 5 JavaScript obfuscation practices and tools? Are there tools able to combine multiple .js source files into one combined wholly obfuscated and hopefully compressed .js output file? Is it wise to obfuscate twice? and The top 5 CAPTCHA evaluation tools (don't necessary need to be javascript).
View 1 Replies View RelatedHere's part of the codes I got from our website. Right now, when someone wants to register on our website, they have to put into the Captcha after they finish all the other information. If the captcha is empty, there would be an alert; if it's wrong, the page would be refreshed, and there would be another alert, and at the same time, all the information would be lost and they have to fill them again. Now the question is, how can I stop the page refreshing itself? All I need is an alert and then you could retype the captcha without losing the other information.
<script type="text/javascript">
function ltrim(stringToTrim) {
return stringToTrim.replace(/^s+/,"");
}
function validateForm()
{
var okSoFar=true
[Code]...
Here's part of the codes I got from our website. Right now, when someone wants to register on our website, they have to put into the Captcha after they finish all the other information.
If the captcha is empty, there would be an alert; if it's wrong, the page would be refreshed, and there would be another alert, and at the same time, all the information would be lost and they have to fill them again.
Now the question is, how can I stop the page refreshing itself? All I need is an alert and then you could retype the captcha without losing the other information.[code]...
I am implementing Captcha security check on the register page and seem that I am unable to find the Captcha image/picture. Does anyone know where can i download such images?
CAD
PS: I am currently doing a project on security of the site and i hope that all the threads started by me will benefit people in this forum. ;)
I'm looking for a solution where I can show hidden parts of a page when a person submits a successful captcha. Of course, the parts of the page that are hidden shouldn't be available for viewing via code. Is this possible to do? Are there any scripts available that enable me to do this without reloading the whole page or loading a new one?
View 3 Replies View RelatedI've got an image that I want to refresh every time a certain event occurs. So in my html I've got something like <div><img name="theImage" src="anImage.jpg" alt="No image found" onclick="refreshImage();" /></div>
Then in the javascript I have
function refreshImage()
{
var now = new Date();
document.images["theImage"].src = "anImage.jpg?" + now.getTime();
}
So before I click the image to trigger the event, I change the image on the server, but keeping the same name. So the image displayed in the browser should change to the new one when I click it. But when I do this, the image DOES change, but part of the bottom gets cut off. There's enough space for the whole image, in fact if I put a border around the div, the border is just the right size, but only part of the image is being displayed. Also, it is always the top part of the image being displayed.
I ve been trying the following code (see below), this code was posted by tabo here but apparently he left, it works fine on Firefox, Chrome, Safari but I cant get it working on Internet Explorer...I ve been looking everywhere and I dont understand where is the problem. here is the full coding :
Code:
I am trying to create a sticky form. I would like to use javascript to refresh the page using drop down selection to trigger the refresh.
The problem is I cannot get it to work. See test3.
I tried two other example that worked with a submit button and no javascript See test 1 and test 3.
Note: Below you will find 3 tests I used to identify that it is the javascript that is causing the problem. Using Win 2003 server, Php, Apache and Mysql.
Code:
I am currently developing a website and I would like some areas to be refreshed when one click on a button.
View 2 Replies View RelatedI really need this to include in my page
This is the original code : -
I would like to add ajax auto refresh.. to refresh the div link which is something like this : -
But, there is something wrong here... instead of refreshing the div.. it refresh html page only.. not the div data..
I have a script which allow users to chnage there profile image, and it allmost works perfect. The script is set up so when a user uploads a new picture it overrides the previous one, so if a user have an ID, lets say 15, the image would be called 15.jpg. The problem is that when an new upload is finished it still shows the old image, I think by cache, and thats no good. How do I refresh the image with ajax so when the script has done uploading the image is the new one?
The javascript upload.js:
Code JavaScript:
<!--
function startUpload(){
document.getElementById('f1_userimage').style.visibility = 'hidden';
document.getElementById('f1_upload_process').style.visibility = 'visible';
[Code]....
i want to reload page using ajax or jquery
View 13 Replies View RelatedI have a very simple php page that uses shell_exec to get some basic stats for my LAMP. I currently have it setup to where it uses a javascript refresh every 60 seconds, but would like to setup AJAX to have it so it doesnt actually refresh the page. I am new to javascript/ajax so I am a little lost, here is my code
[Code]....
I have this code that allows a select box change a price feild. it works fine however when i add something to the cart the select box still changes but the value (in the cart) does not.im thinking this is where i am going wrong it is not allow a new refresh
Code:
var pie = $(form).find('#boo').val();
This is what i'm trying to do but i get NAN
[code]....
When i try to dynamically change the height of an iframe in ie through a java-script to match its content (a html page containing a flash movie, it doesn't resize the iframe at first, but when i reload the same page into the iFrame it resizes as planned, how come?This script works well in firefox, safari and netscape, but i cant get it to work in ie(8, 7). And i get the same problems with every resizing script i've tried. This is the script i use:
<script type="text/javascript">
function adjustIFrameSize(iframe)
{ [code].....
I have a flash menu in the first iframe, the buttons on the menu uses getURL(siteToLoad, "contents") to load another html-page into the iframe "contents". Is it possible to make the iFrame refresh automatically though javascript so that i just refreshes the iframe once? Everytime ive tried that it just ends up in a never ending refresh-loop... How can i make this work? Is there any better script for resizing (and refreshing after resize) the iframe height so that it matches to its content?
I have a div where i store some status updates plus i have i have a textbox with a button where i type something and on button click (using ajax) i show what i typed before my div which works great , inside the div with the info i wrote i have a delete button which shows great on hover... at first it is in display:none; mode so on hover i show() it ..when it shows what i typed i cant see the button on hover and i have to refresh to see it..i guess its because the page has not refreshed to let jquery to find the new hidden button so it doesnt recognise it..
View 10 Replies View RelatedI am not sure, if this works. I make a function call with the ajax option of jquery.If I try this, the whole response data is shown in the specific #div.Is there any possibility to load only the content of "#div" from some.php?
View 8 Replies View RelatedThis is my first adventure into PHP/Ajax/MySql/Javascript and is pretty much my first web project. I've been trying to tackle this problem for a little over a week now. My main objective is that I want to display php content pages inside a div on the index page without refreshing the page (iframe style). I don't want to stop search engines indexing the individual pages so I need a mechanism to redirect to the index page so that the page is displayed properly. I'm not bothered if it takes them to the exact page and I'm redirecting them to the section of the site where they the page is kept.
I also want a mechanism to redirect if a second search engine link is clicked that belongs to the individual page (ie image links that belong to the same page). This is only a problem because the php session has already been opened and a php variable has been set by the first redirect. All the redirections are taken care of by PHP and I got the redirection of multiple instances working ok by setting and unsetting session variables. This PHP code is included on every content page.
But, when I added links to the index page and try to navigate between pages, it all goes pear-shaped.When the links are clicked it calls up the Javascript code, inside which a PHP variable is set (I dunno if this is the "done" thing, but I came across the solution somewhere on the Interweb). This is the first thing checked when the content pages are called up. If the variable isn't set, then it runs through the redirect options.
The problem is that after clicking the link when the page displays it always refreshes the index page which I don't want it to do and which is why I'm thinking it's the setting of the PHP variable inside the Javascript that's going wrong. (Also why this question ended up in this section). Is there any way of getting this going without passing the variable into the url (not that I'm against this option)? Index page code, PHP Code (before HTML)...
Code:
<?php
if(!isset($_SESSION))
{
session_start();
}
// set the session var to the index page url which I think remains until browser close
$_SESSION['pagecheck'] = "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
// set the section var if it hasn't already been set by one of the content pages
if(isset($_SESSION['sectNum'])!= "undefined")
{
$_SESSION['sectNum'] = "0";
}
function getSection() .....
Additionally, are there any potential security threats that should be tackled (bearing in mind that I don't want to use cookies, I'm not against this either but decided if they are switched of it may become an issue, and I'm not going to be handling any sensitive information). I really don't want to use Iframes due to any javascript switching off related problems (yes there is a javascript testing function included in my full code!).
In my webpage is a div where the maincontent of the page is loaded in via Ajax. Now of course whenever I apply the browser refresh butten that content initializes.
[Code]....
i create a form with captcha, but the captcha values taken from database and image taken from a folder and match it, i call captcha sript using require() function. the problem is "how to refresh the require() script by clicking a button in <form>", but not refresh the form values.
View 13 Replies View Related