CONTACT FORM 7
Question:
I have a simple form with an email field and submit button.
How do replace the "SUBMIT" text with an animated GIF when the user clicks on it? I want the GIF to replace the text inside the button, or is it easier to replace the button altogether with the GIF?
[email* EMAIL] [submit "Subscribe"]
My animated GIF is the following:
http://www.clarityclinicalskincare.net//wp-content/plugins/bloom/images/subscribe-loader.gif
I already have a success message and error validation in place.
first give your button an ID and a JS function then on your button you can have
onclick="giffy(document.getElementById('the Id you gave your button'))"
then the JS function
function giffy(buttonId){buttonId.innerHTML = "<img src='http://www.clarityclinicalskincare.net//wp-content/plugins/bloom/images/subscribe-loader.gif'> </img>"}
so on your button click the text is replaced with your gif
Related
I want a button to appear on index.blade after another button is clicked on the same page.the second button returns results in index.blade too and i want to show the new button after these results come back.
what's the easiest way to do it in Laravel.
sorry I'm a beginner.
I have popup in a grid. when I click the popup button I have fields (kendo datepicker) now I want to put a button just near the calendar logo int the same line .
How can I do that any ideas ? Thanks.
I have a page that opens using Fancybox. Within this page, I have a Submit button that causes my registration form to open. It opens fine, but the Fancybox is the same as the first page. How do I resize to fit my registration page?
You could use this function:
$.fancybox.update();
Which auto-sizes fancyBox height to match height of content.
http://fancyapps.com/fancybox/#examples
I load a div using ajax:
$("#contentdiv").load('MyPage.php');
This is a "modal" div that shows details related to a picture the user clicks on.
The clickable pictures form a long list down my page.
I would like to have this modal div appearing on the position (have the same top value so to speak!!) of the picture that was clicked. Therefore the use does not need to scroll back to his/her picture of interest when the information div is hidden (closed!)
Any help is very much appreciated.
Thank you,
Carly
If you use the Modal dialog available in the JQueryUI package it should automatically do this for you.
I Have three records which I want to display in three Accordion Panes
which (every pane) will have a Header and a content ( Two label controls, 1 text box and 1 checkbox and 1 link button)
I am able to display data on the accrodion from database but when I am trying to Update the text in textbox by clicking link button the LINKBUTTON doesnot fire and unabel to make the update. How can we create Update event working ??
I am creating the Accordion Panes and Content controls statically and directly assigning the values to the controls from Code behind in Page Load.
I was able to do it using the "ItemCommand" event of the Accordion Panel by using the Command Name property of a Link Button which will update the Text Boxes.
It works for me now but I felt JQUERY will be a better option which has no postback, css issues..