You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Link instead of button Created Aug 31, 2010

This thread is solved

Views: 1060     Replies: 3     Last reply Sep 3, 2010  
You must login first before you can use this feature

jiiz

Posts: 4

Registered:
Aug 24, 2010

Link instead of button

Posted: Aug 31, 2010

Hi,

I have tried finding the answer for this, and maybe it is already there, but i might need more help. I just need some help making the button in the overlay exsample below into a link. Can anyone help me rewrite the code from the example?

<!-- the triggers -->
<p>
<button class="modalInput" rel="#yesno">Yes or no?</button>
<button class="modalInput" rel="#prompt">User input</button>
</p>

<!-- yes/no dialog -->
<div class="modal" id="yesno">
<h2>This is a modal dialog</h2>

<p>
You can only interact with elements that are inside this dialog.
To close it click a button or use the ESC key.
</p>

<!-- yes/no buttons -->
<p>
<button class="close"> Yes </button>
<button class="close"> No </button>
</p>
</div>

<!-- user input dialog -->
<div class="modal" id="prompt">
<h2>This is a modal dialog</h2>

<p>
You can only interact with elements that are inside this dialog.
To close it click a button or use the ESC key.
</p>

<!-- input form. you can press enter too -->
<form>
<input />
<button type="submit"> OK </button>
<button type="button" class="close"> Cancel </button>
</form>
<br />

</div>

LiquidSky

Posts: 8

Registered:
Aug 30, 2010

» Link instead of button

Posted: Sep 1, 2010

Reply to: Link instead of button, from jiiz
Hi,

the Html for a as trigger element should be

<!-- the triggers -->
<p>
<a href="#" class="modalInput" rel="#yesno">Yes or no?</a>
<a href="#"class="modalInput" rel="#prompt">User input</a>
</p>
the overlay call should be

$('.modalInput').overlay();

inside the overlay it should be enough to pass the class="close" to any element you wish to use for closing the overlay.
You even dont need to set href, the mouse pointer is set with css!

<!-- yes/no buttons -->
<p>
<a class="close"> Yes </a>
<a class="close"> No </a>
</p>

jiiz

Posts: 4

Registered:
Aug 24, 2010

» » Link instead of button

Posted: Sep 3, 2010

Reply to: » Link instead of button, from LiquidSky
Ahh.. was it that easy..

Thank you very much - you have been very helpful!

Thanks again.