plasm / simplemodal Goto Github PK

What if user has javascript disabled? Maybe there is a simple trick I can implement to be able to use actual url in href attribute?

http://wordpressthemescollection.com/ajax-wordpress-post-popup-with-simplemodal-and-jquery-488.html - jquery simplemodal instuctions, using this I can still use URLs, so if js is disable user will still be able to see the page.

How can I enable scrollbars for embedded iframes. Right now, I can use the scrollwheel on the mouse (assuming the mouse is equipped with one), but the plugin doesn't react to any of the standard coding for scrollbars, i.e.:

src="..." style="overflow-x: hidden;" width="800" height="600" align="middle" frameborder="0" scrolling="auto"

With working scrollbars, this script would become even better than it already is!

Thanks!

How to center the window automatically ?

It will be fine to add minified version of simple-modal.js

Is it possible to show modal on mouse over or a page element?

i am implementing Simple Model in loop so we have multiple model with dynamic way so the problem is when i assign id in loop and click on first it work perfectly but when i click on second link the id is same so its not working because of id. is there any way to use class instead of id.
$("modal-ajax").addEvent("click", function(e){
can we write ?
$(".modal-ajax").addEvent("click", function(e){
here is site when i use it click on result link i-e 2-1,3,0
http://ucgoal.com/

Hi.

Please, just see this image example:

I make font-size: 22px

Besides, × is used in Twitter Bootstrap.

How about adding two new events to this,
onHide and onShow?

I am using Mootools and jQuery in of my project and the simple modal doesn't work after integrating jQuery.

Your help is highly appreciable.

cheers,

Write a complete installation instructions, please
Be grateful

Would be good if you could include the license type in the readme.
Thanks!

i looked into the code but i can't find where I can handle close event. It just destroy the element without sending anything....

Hi! I need the dialog can not be closed and the user forces gives a click button, how can I disable the overlay click to close the dialog and the X to close the top right?

Thank you for this project!!

Alex

I want setting modal window X,Y position

The move modal to download the zip on the site http://simplemodal.plasm.it/ might be cute, but it took me around 10 seconds to work out what was going on, and how to download the plugin. Most people would probably close the page by that time. That button you have to move doesn't look like a modal so you expect that just drag dropping it will remove it.

jQuery("myElement").addEvent("click", function(){
id = jQuery(this).attr('rel');
var SM = new SimpleModal({"width":600});

  SM.addButton("Cancel", "btn");
  SM.show({
    "model":"modal-ajax",
    "title":"Title",
    "param":{
      "url":"http://mysite.com/bla/"+id
    }
  });

});

I get rel attribute (post numbers from my blog) and then add obtained id to the url of handler page. "Loading failed"...

How are support Browser ?
Chrome ?
IE 8 ? IE 7 ?

No where does it mention that Mootools is required. You must state the dependencies.

Is there any reason why buttons I am placing within the body of the modal would not work?

I have been trying for days to figure this out, and now I am wondering whether it is to do with the simple modal plugin.

All I am trying to do at the moment is alert when the button within body is clicked, however my event handler is not firing.

The really weird thing, that points me toward there being an incompatibility with the plugin, is that if I just copy and paste the HTML generated from the plugin on the page, and put it back in manually, then rerun the page (obviously not generating the modal via the plugin this time) my event handler works perfectly.

Thanks for any help you can provide me,
Duncan

For the Close button X in the header you could add an additionally title attribute:

simple-modal.js#L230:

var b = new Element("a", {"class":"close", "href":"#", "title":"Close", "html":"x"});

You could always add a config - responsive: true

that would essentially take the configured width make that the max-width, and add width @ 95% (for an edge)

After change the order of this lines, works fine:

            $('simple-modal').getElement(".contents").set("html", responseHTML);
            param.onRequestComplete();

Hello,

Sorry I'm a new user of this component.
I dont know why i use the simple modal code, i don't have the right result (please see my attachment).
my buttons doesnt appear, and the windows is left-aligned.
Please could you help me ?
I don't understand why i have this bad result.
Please see my following code :

<html>
<head>
<title>Applications SFL</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine&amp;v1" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" />
<link rel="stylesheet" href="../../Scripts/plasm-simplemodal/Source/assets/css/simplemodal.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script src="../../Scripts/plasm-simplemodal/Demos/assets/javascript/mootools-core-1.3.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../Scripts/plasm-simplemodal/Demos/assets/javascript/mootools-more-1.3.1.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../Scripts/plasm-simplemodal/Source/simple-modal.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../Scripts/tab/general.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="../../style/style.css" />
<script src="../../Scripts/jquery/2.1.3/jquery.min.js"></script>
<script src="../../Scripts/tab/tabs.js" type="text/javascript" charset="utf-8"></script>
<link rel="shortcut icon" href="http://sfl1-sv00069/Info/Style/favicon.ico" type="image/x-icon" />
<script>
window.addEvent("domready", function(e){
document.id("BoutonSupprimer").addEvent("click", function(){
var Ref = document.getElementById("Reference").innerHTML;
var Four = document.getElementById("Fournisseur").innerHTML;
var SM = new SimpleModal({"btn_ok":"Alert button"});
SM.show({
"title":"Title",
"contents":"Your message..."
});
});
})
</script>
</head>

Hey, maintainer(s) of plasm/simplemodal!

We at VersionEye are working hard to keep up the quality of the bower's registry.

We just finished our initial analysis of the quality of the Bower.io registry:

7530 - registered packages, 224 of them doesnt exists anymore;

We analysed 7306 existing packages and 1070 of them don't have bower.json on the master branch ( that's where a Bower client pulls a data ).

Sadly, your library plasm/simplemodal is one of them.

Can you spare 15 minutes to help us to make Bower better?

Just add a new file bower.json and change attributes.

{
  "name": "plasm/simplemodal",
  "version": "1.0.0",
  "main": "path/to/main.css",
  "description": "please add it",
  "license": "Eclipse",
  "ignore": [
    ".jshintrc",
    "**/*.txt"
  ],
  "dependencies": {
    "<dependency_name>": "<semantic_version>",
    "<dependency_name>": "<Local_folder>",
    "<dependency_name>": "<package>"
  },
  "devDependencies": {
    "<test-framework-name>": "<version>"
  }
}

Read more about bower.json on the official spefication and nodejs semver library has great examples of proper versioning.

NB! Please validate your bower.json with jsonlint before commiting your updates.

Thank you!

Timo,
twitter: @versioneye
email: [email protected]
VersionEye - no more legacy software!

Hello,

This is not an actual issue, so sorry about posting here, but I can't find any other place.

I love the way this modal looks and acts, but I don't know MooTools and I also used jQuery on this page that I want to include your modal.

Is is that hard to convert this into a jQuery modal?

Did anybody suggested that before? I think so!

This will be allot more used if it was jQuery based.

Any arguments why can't be done with jQuery?

If none, maybe I will try to convert-it!

Great design guys!

Thank,
Adrian

The great feature will be adding RequireJS/AMD support!