[Solved] Trigger a modal popup via a javascript function, not an element

[ganniv]

Hi,

For the project I am working on, I require to launch a modal popup without an event associated to it. Basically, according to an event that happens in the backend, a javascript function would be executed to show a specific popup.

The problem I have is that I do not want an element nor an event associated to it since it is not executed via a button or an html element, it's just a js function which is executed.

This code should give you an idea of what im after, I have a couple of comments in there as well

LANGUAGE Code

function showmodal(modalid){
		qtip({ // notice the qtip function does not have a selector because there isn't one. Is this possible?
			content: {text: $('div#' + modalid)},
			position: {
				my: 'center',
				at: 'center',
				target: $(window)
			},
			show: {
                                // there is no event bound to it, since it not executed according to a user input
				solo: false,
				modal: {
					on: true,
					blur: false,
					escape: false
				}
			},
			hide: false,
			style: 'ui-tooltip-light ui-tooltip-rounded modal-popup-inner'
		});
	}

Using the above code, what I need is that by executing a command from javascript such as showmodal('mydivid'), the modal would be triggered showing the contents of 'mydivid' within it. Is this doable?

Thanks a lot in advance.

[Craig]

Use a dummy div

JS Code

var modal = $('<div/>').qtip().qtip('api');
 
modal.show(); // Show it
modal.hide(); // Hide it

[ganniv]

(24th April 15:54)Craig Wrote:  Use a dummy div

JS Code

var modal = $('<div/>').qtip().qtip('api');
 
modal.show(); // Show it
modal.hide(); // Hide it

Sorry to bug you again, but I dont know exactly what Im supposed to do with this

I tried applying it but nothing happens. I just get a js error that modal is undefined. When i change the '<div/>' to an actual element it still gives an error that it's null.

---

I created a jsFiddle example (although it doesnt work). Please ignore that it is triggered via an onClick event, I did this purely for the test's purposes. In practice I wont execute the JS function from the HTML itself:
http://jsfiddle.net/fDavN/3188/

[Craig]

See here http://jsfiddle.net/fDavN/3189/

[ganniv]

(24th April 19:59)Craig Wrote:  See here http://jsfiddle.net/fDavN/3189/

Brilliant dude. Cannot thank you enough for your full support. Will make sure to do a nice donation once the project is over. This library saved us an exceptionally huge amount of time.

Thanks again!