Login Form focus - javascript

I am trying to create a login and register page.
This is the form. Suppose if I am click on ABOUT US page and return to login page (click back button), the content of this page showing like this..
My requirement is, If I am return to login page (from ABOUT US), the label should be in the top of the Mail Id (look in 1st image). Password is ok. Because we need to type again.
here is my code fiddle.. fiddle.jshell.net/1nmmcj80/

According to your jsfiddle, $ is not defined. It seems like you're trying to use jQuery, while it's not loaded. By loading jQuery your fiddle worked perfectly fine.
So the fix would be to load jQuery before your script.

Related

Click a link and stay on the same page

I am trying to navigate to another HTML file without changing pages. Basically I got an emergency button, and once clicked, it should open an HTML file which pops up a box displaying 3 other buttons. This box also has an "X" to close the window, to close this HTML file and go back to the other.
Basically I want 2 html files to display at the same time. I am currently using adobe edge animate to do the process, however I am capable to use Javascript and HTML.
To give you an idea: It is similar to when visiting a website and a box pops up asking you if you want to subscribe to the news letter, or just keep searching.
Thanks
Well. what i understand of your question. You want an html page on an html page. I suggest you could use JQuery popup screen. Visit this link. https://jqueryui.com/dialog/
If you want to call another html page without refreshing your page use Jquery .load(). http://api.jquery.com/load/
$( "#div_to_load_file_in" ).load( "path/to/your/file.html" );

Making flash page appear on other page in angularjs

I am new to angularjs. I have a requirement which says that a flash page needs to appear before the main page is displayed which would look something like this,
Only on click of the button, I should be able to navigate to the main page. Please note that I need to be displaying a HTML page and not alert.

Jquery Mobile - Ajax is enabled by default but I get full page refresh on POST

I created a jQuery mobile application using ASP.NET MVC and in the jQuery mobile documentation it's mentioned that Ajax is enabled by default for page transitions on clicking a link or submitting the form.
In my case, when I submit the form,
I get a full page refresh and I don't see the spinning loader.
I get a flash of blank page and then page gets loaded.
My page is similar to a survey page where one question will be displayed with list of options to select and then click Next.
When user clicks Next it submits form and fetches next question via controller. So I am not sure what I am missing.
Please advise
Thanks in advance
You can try out to turn off the page transitions.Jquery mobile is still not very smooth in page transitions.May be that is causing the problem.
$(document).on( "mobileinit", function() {
$.mobile.defaultPageTransition = "none";
});
Please refer
jQuery Mobile flickering screen during transitions

jQuery Mobile How to prevent a page from going to the default state when refresh?

I'm using jQuery Mobile (no php or xml or anything else) for a web application running on cherrypy and i would like to find out how can i keep the page as it has been set by user even after refreshing.
As an example of the page, see this fiddle: http://jsfiddle.net/xaKXM/5/
in this example, user may input certain text in Response number and description. When the user click submit,user will see #configtable div. if the page is refreshed, user will not go back to the initial page (#labels div' )but to remain in the#configtable` (the one that user can't input anything but can only click activate button")
May be there is a button that would clear all those states and the page will go back to default when refresh?
Is this possible to be done?
if you refresh the DOM using window.open('index.html'); this should clear everything in the page

How to redirect inside jquery tab using javascript?

I've just got this jquery form working, it's based inside a jquery tab, and on clicking the submit button, it submits to a mySQL database without leaving the page or anything. Now, though, I want it to redirect the user, without making them leave the tab, to a different page inside the same tab once they've submitted their details.
Does anyone know the Javascript code to do this?
Thanks!
If you're trying to load a new page into the DIV where your form was, simply call
$('#idOfDivWithForm').load('newpage.php');

Categories