Making page not (reload) when the function is toggled? READ - html

I'm trying to fix this issue I'm having. I am trying to get it so when a user clicks the login button, it will make the <div> drop down. The <div> does drop down, but the page teleports to the top of the page when you click the button. And that's an issue for me.
So can anyone fix this code to make it so the page doesn't teleport up every time they press the LOGIN button?
Thanks for all help in advance~
Here is the link to the code - http://jsbin.com/oyujoy/4/edit

Change your link from:
LOGIN
To:
LOGIN
See: http://jsbin.com/apudem/1/

Related

Need to change states within a Ionic Modal

So I do not know exactly on how to word this so I tried my best in the title.
What I am trying to do is have a modal popup and as the user clicks a next button, it slides to the next screen. Here is an example of what I am trying to accomplish.
This is the home screen. When a user hits start a Ionic Modal pops up
This is the ionic modal. I am going to add a next button that allows a user to go to the next screen or go back to the previous screen before submitting.
SO, I do not want to use states because I do not want to have to create a state in app.js for each and every screen. Is there a way to add multiple views and switch between them using a Ionic Modal? Or will I have to use States or create multiple Modals?
TL;DR -> I want to slide between views when a next or back button is pressed. (Survey application)
NOT looking for code writing exactly, just trying to pick someones brain on how they would accomplish the sliding between views using a Modal
Thanks everyone!
You probably need on click on your button :
force close of your modal
use $state.location to change $state
This is what I'd try if I was in your situation ;)

Creating Angular-UI Bootstrap Popover that appears at start and disappears on click away

I am trying to create a popover for a button or div that I want the user to click. The popover should display at the start when the screen loads and the user should be able to click on it to make it disappear (either the popover or the button).
Has anyone tried to do anything similar before?
I'd prefer to use the Angular-UI Library (http://angular-ui.github.io/bootstrap/) if possible but other solutions would be great too.
I have tried using stuff similar to this but the popover clearly only appears on mouseenter or click/focus if I change the trigger.
Enter a post
Any help would be much appreciated!

Facebook like button changes to a "confirm" button and jumps to the left when clicked

I've embedded a facebook like button on our page http://makethecitysoundbetter.com
When i click it, it turns into a "confirm" button, and moves to the left. When i click the "confirm" i get the normal share box, and after that i works as it should.
I have copied the instructions exactly from facebook's Like button page: developers.facebook.com/docs/reference/plugins/like/
And i've even created an empty html page ONLY with facebooks code, copy pasted and placed exactly as they've written (http://makethecitysoundbetter.com/fb_test.html).
I've tried both the HTML5 and XFBML code, both with the same results..
Does anyone know what is going on, and how i can fix this?
It's very important that our share function works!
Thanks in advance!
Andy
I had the exact same problem. I ended up using the iframe version of the like button and now everything works great.

Fancybox Pop-up Login - Page only opens in modal box

I'm trying to create a log-in page using Fancybox. Everyhing works fine, except when I redirect the user to the logged-in page, it keeps opening up in the modal dialog box.
How can I reference the parent?
parent.opener.location.href is not working.
Thanks
It seems the following worked:
parent.document.location.href

Microsoft expression Web 4 Super Preview webpage navigation

I am unable to click the submit button in the webpage while viewing it in the expression to navigate to next page. Do any body have the same issue? or how go to next page?
Thanks in Advance
I presume you are having trouble interacting with the page in SuperPreview. I had the same problem too. All you need to do is to click on the Page Interaction mode, right next to the URL field. Here is an explanation that should suffice.