https://github.com/learncodeweb/lightweightpopup.js

How to create a custom POPUP form with PHP & Ajax
https://github.com/learncodeweb/lightweightpopup.js

javascript jquery-plugin js plugin popup

Last synced: 7 months ago
JSON representation

How to create a custom POPUP form with PHP & Ajax

• Host: GitHub
• URL: https://github.com/learncodeweb/lightweightpopup.js
• Owner: LearnCodeWeb
• Created: 2020-01-08T04:06:19.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2021-04-23T07:00:20.000Z (over 4 years ago)
• Last Synced: 2025-03-22T14:13:27.127Z (10 months ago)
• Topics: javascript, jquery-plugin, js, plugin, popup
• Language: HTML
• Homepage: https://learncodeweb.com/web-development/how-to-create-a-custom-popup-form-with-php-and-ajax/
• Size: 36.1 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# lightWeightPopup.js

How to create a custom POPUP form with PHP & Ajax

Add Files


```

```

```

```

HTML


```

 CLICK HERE AJAX

 Ancher Tag AJAX

 Button Tag Iframe

 Ancher Tag Iframe

```

Initialization


```javascript

$(document).ready(function(e) {

	$("#popup").lightWeightPopup({href:"contact-us.html", overlay:true, width:"90%", maxWidth:"600px", title:"Ajax Model"});

	$("#inline").lightWeightPopup({title:"Inline Model", top:'50', width:'800px' });

	$("#ancher").lightWeightPopup({width:"95%", maxWidth:"320px", title:"Ajax Model"});

	$("#iframe").lightWeightPopup({href:"https://www.youtube.com/embed/N59KnLf2pbY", maxWidth:"600px", height:"400px", title:"Iframe Model"});

	$(".iframe").lightWeightPopup({width:"100%", height:"100%", title:"Iframe Model"});

});

```

Complete Detail


For complete documentation click here

For demo click here