Do not have closer

docco · 09-18-2012, 06:14 PM

Anyone can check what is wrong in my below code: the pop-up window have not a closer.

Code:

<html>
<head>
	<title>PNotify Testing</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
    <link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/ui-lightness/jquery-ui.css" />

    <script type="text/javascript" src="jquery.pnotify.js"></script>
    <link type="text/css" rel="stylesheet" href="includes/bootstrap/css/bootstrap.normal.css" /> 
    <link type="text/css" rel="stylesheet" href="jquery.pnotify.default.css" />  
   
</head>                                                                                                                                                                        
<body>                                                                                                                                                                         
<script type="text/javascript">
function myAlert(txt){
$.pnotify({
				text:txt,
				hide: false,
				title: 'Regular Notice',
		});
}
</script>
<button onclick="myAlert('This is a test')" >Click me</button>                                                                                                                                                                                                                                                                                                                  
</body>        
</html>

WolfShade · 09-18-2012, 07:22 PM

Check the documentation. In there should be the attribute that you need to include in order to have a way to close the notification.

docco · 09-19-2012, 03:53 AM

Quote:

Originally Posted by WolfShade

Check the documentation. In there should be the attribute that you need to include in order to have a way to close the notification.

The option closer=true by default, then we have not to state.

VIPStephan · 09-19-2012, 10:22 AM

Do you have a live example for us? Could it be that just a close button image is missing or referenced wrongly?

docco · 09-20-2012, 09:00 AM

Quote:

Originally Posted by VIPStephan

Do you have a live example for us? Could it be that just a close button image is missing or referenced wrongly?

I have posted all the html.

DanInMa · 09-20-2012, 01:10 PM

looked up the plugin. http://pinesframework.org/pnotify/
if your not getting qa clsoe button its most likely missing image issue. the versions that dont close on a timer all have close buttons added by default.

VIPStephan · 09-20-2012, 04:45 PM

Quote:

Originally Posted by docco

I have posted all the html.

That’s not helping because we still don’t have any images and/or your server setup etc. I asked for a live example for a reason.

docco · 09-20-2012, 05:30 PM

Quote:

Originally Posted by DanInMa

looked up the plugin. http://pinesframework.org/pnotify/
if your not getting qa clsoe button its most likely missing image issue. the versions that dont close on a timer all have close buttons added by default.

The closer is sign || X appeared when you mouse over the pop-up. I check and see no image for the closer.

docco · 09-20-2012, 05:33 PM

Quote:

Originally Posted by VIPStephan

That’s not helping because we still don’t have any images and/or your server setup etc. I asked for a live example for a reason.

This is not server-side task. It only a simple task on your PC: alert a message. Just download .css and .js from http://pinesframework.org/pnotify and enjoy.
Have you copied my code and run it?

VIPStephan · 09-20-2012, 06:15 PM

I didn’t say it is a server-side task but your server is serving the files, and your code alone – especially if I just copy it and run it in my browser – is still not telling us anything about whether images are involved or whatever else, and therefore it is more useful to see your live set-up. This is why I want a live example. The code you posted may be correct by itself but it doesn’t give any hints whether or not the file paths/locations are correct etc.

docco · 09-21-2012, 05:01 AM

Quote:

Originally Posted by VIPStephan

I didn’t say it is a server-side task but your server is serving the files, and your code alone – especially if I just copy it and run it in my browser – is still not telling us anything about whether images are involved or whatever else, and therefore it is more useful to see your live set-up. This is why I want a live example. The code you posted may be correct by itself but it doesn’t give any hints whether or not the file paths/locations are correct etc.

Thank, I know you want to now detail to easy advise me. But that html file is all I do. Pnotify is built-in javascript and css, I already declare in head.

xelawho · 09-22-2012, 03:22 AM

the closer image is ../img/glyphicons-halflings.png

do you have that?

or, as the instructions note,

Quote:

And if you choose to use jQuery UI for all your styling, include this line somewhere before your first notice:
$.pnotify.defaults.styling = "jqueryui";

docco · 09-22-2012, 02:42 PM

Quote:

Originally Posted by xelawho

the closer image is ../img/glyphicons-halflings.png

do you have that?

or, as the instructions note,

No. it does not work

xelawho · 09-22-2012, 02:51 PM

Interesting. Because it works on the demo site and it works on my machine.

Maybe there's something else going on in your super secret code?

DanInMa · 09-22-2012, 03:28 PM

ok try this. in your browser put in http://yoursiteurlhere.com/img/glyphicons-halflings.png

put your site address in that url and see if your image loads. if not you dont have it saved in the correct location and it will not show.