Stack Overflow
Stack Overflow

Questions tagged [jgrowl]

jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X's Growl Framework works.

jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X's Growl Framework works. This page contains documentation, examples and download.

66 questions
1
vote
2 answers

How to display jgrowl messages on page redirect

I have setup jgrowl and everything seems to working correctly. I currently have to press a button to trigger the message to appear in the top right side of the screen like this:
Hishalv
  • 3,052
  • 3
  • 29
  • 52
1
vote
1 answer

JQuery BlockUI - Growl Notification not firing. Just Refreshes page

I can't seem to get my JQuery Growl notification to fire. I have included pretty much the entire masterpage of my site for reference. What I've Tried. This started out in a content page but didnt work so i moved it to the master page to try and…
Dylan Hayes
  • 2,331
  • 1
  • 23
  • 33
1
vote
1 answer

How to achieve a return confirm like dialog but using jgrowl?

I am working with a forum script (simple machines forum) It is using this kind of javascript confirmation messages:
luuuciano
  • 11
  • 3
1
vote
1 answer

iframe jQuery scope of reference

I have an iframe in my site and this iframe loads a page with jQuery. It seems that the jQuery is using the iframe dimensions as a reference instead of my actual document. For example, I used an iframe refering to this: $.jGrowl(title + " has been…
Andrew
  • 491
  • 1
  • 6
  • 18
1
vote
1 answer

JGrowl set theme from css

I have some code using Jquery Growl function. But I want to customize it to something like that - https://codepen.io/killerek/pen/qqdZJp I'm using a code: I wanted to use my own…
user3359781
  • 11
  • 2
1
vote
1 answer

How to implement href in jgrowl?

How can i include a link in jgrowl notification box so that it is clickable?
pivotal developer
  • 503
  • 3
  • 16
  • 31
1
vote
1 answer

Use JGrowl with Theme roller

I want to know how to use my Jquery UI theme with JGrowl. The site says it can be done. The questions is answered here: How do I themeroll jGrowl and the asker seemed happy with the answer, however I did what the solution said: include the Jquery ui…
kralco626
  • 8,456
  • 38
  • 112
  • 169
1
vote
1 answer

Getting "$ is not defined"

I am trying to explore a feature of adding growl notifications to the tests. This enables the messages to be added on the screen while test execution. I am trying this approach by following steps specified in :…
karthik holla
  • 39
  • 5
1
vote
1 answer

jGrowl how to close notifcation?

In my jgrowl message, your asked to answer either Yes or No, both runs a ajax call, and on success i wish to close the notification, how can i do that, is there a line to close, because right now they all are on timers(life), so they close…
Karem
  • 17,615
  • 72
  • 178
  • 278
1
vote
0 answers

Set JGrowl to be fixed on an iframe Joomla! page

I've got a Joomla! iframe page, this page generate a JGrowl popup on a certain case. I tried a lot of thing to get this JGrowl to be fixed on screen but all of those didn't work. The popup always appear on top-right corner of the iframe, as i…
Kentin Durillon
  • 58
  • 1
  • 8
1
vote
2 answers

Uncaught TypeError: $.growl is not a function

I keep getting a "Uncaught TypeError: $.growl is not a function" error. Here is how I defined the Growl call and it shows how I am referencing Growl. What am I missing here? How can I fix this error? index.php HOST Continuous…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/php" class="post-tag grid--cell" title="show questions tagged 'php'" rel="tag">php</a> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/jgrowl" class="post-tag grid--cell" title="show questions tagged 'jgrowl'" rel="tag">jgrowl</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked May 29 '15 at 01:50">asked May 29 '15 at 01:50</time> <a href="../../users/2125827/carte-blanche" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2125827.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="carte blanche" /> </a> <div class="s-user-card--info"> <a href="../../users/2125827/carte-blanche" class="s-user-card--link">carte blanche</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">10,796</li> <li class="s-award-bling s-award-bling__gold" title="14 gold badges">14</li> <li class="s-award-bling s-award-bling__silver" title="46 silver badges">46</li> <li class="s-award-bling s-award-bling__bronze" title="65 bronze badges">65</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-2716165"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/2716165/jgrowl-in-asp-net" class="question-hyperlink">jGrowl in asp.net</a></h3> <div class="excerpt">I have to search a particular member and so as i write the member id in the textbox and click the search button, I want the message to be displayed "member not found"(if not found) in jgrowl otherwise it will be redirected to the memberId page. Now…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/c#" class="post-tag grid--cell" title="show questions tagged 'c#'" rel="tag">c#</a> <a href="../../questions/tagged/asp.net" class="post-tag grid--cell" title="show questions tagged 'asp.net'" rel="tag">asp.net</a> <a href="../../questions/tagged/jgrowl" class="post-tag grid--cell" title="show questions tagged 'jgrowl'" rel="tag">jgrowl</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Apr 26 '10 at 19:15">asked Apr 26 '10 at 19:15</time> <a href="../../users/321022/piku" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/321022.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="piku" /> </a> <div class="s-user-card--info"> <a href="../../users/321022/piku" class="s-user-card--link">piku</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">471</li> <li class="s-award-bling s-award-bling__gold" title="4 gold badges">4</li> <li class="s-award-bling s-award-bling__silver" title="12 silver badges">12</li> <li class="s-award-bling s-award-bling__bronze" title="44 bronze badges">44</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-2606942"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status answered-accepted"> <strong>3</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/2606942/dynamic-notifications-using-jquery" class="question-hyperlink">Dynamic notifications using jQuery</a></h3> <div class="excerpt">I'm currently building a homepage for our staff which is to be set as the homepage in their browser. I'm currently building the facility whereby nominated members of staff can send notifications to all staff. These will popup on their home page…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/json" class="post-tag grid--cell" title="show questions tagged 'json'" rel="tag">json</a> <a href="../../questions/tagged/jgrowl" class="post-tag grid--cell" title="show questions tagged 'jgrowl'" rel="tag">jgrowl</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Apr 09 '10 at 11:24">asked Apr 09 '10 at 11:24</time> <a href="../../users/191865/sparkymark75" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/191865.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="sparkymark75" /> </a> <div class="s-user-card--info"> <a href="../../users/191865/sparkymark75" class="s-user-card--link">sparkymark75</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">583</li> <li class="s-award-bling s-award-bling__silver" title="8 silver badges">8</li> <li class="s-award-bling s-award-bling__bronze" title="29 bronze badges">29</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-23114787"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status "> <strong>0</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/23114787/i-m-having-an-issue-escaping-characters-in-this-fragment-of-jquery" class="question-hyperlink">I'm having an issue escaping characters in this fragment of jQuery</a></h3> <div class="excerpt">I am trying to create a notifications system for my messaging project using bootstrap-growl. The system fetches new messages from mySQL perfectly and displays them with the notification. However, when the message has single quotes is when the game…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/jgrowl" class="post-tag grid--cell" title="show questions tagged 'jgrowl'" rel="tag">jgrowl</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Apr 16 '14 at 16:13">asked Apr 16 '14 at 16:13</time> <a href="../../users/3542010/user3542010" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/3542010.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="user3542010" /> </a> <div class="s-user-card--info"> <a href="../../users/3542010/user3542010" class="s-user-card--link">user3542010</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">11</li> <li class="s-award-bling s-award-bling__bronze" title="1 bronze badges">1</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-17253088"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/17253088/displaying-a-jgrowl-message-after-x-seconds" class="question-hyperlink">Displaying a jgrowl message after X seconds?</a></h3> <div class="excerpt">I'm implementing jgrowl on my website, but did not find any indication on the plugin's website nor on the internet on how to display the message with a lag. Ideally I'd like the Jgrowl message to appear 10 seconds after the page loads. Is it…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/jgrowl" class="post-tag grid--cell" title="show questions tagged 'jgrowl'" rel="tag">jgrowl</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jun 22 '13 at 16:51">asked Jun 22 '13 at 16:51</time> <a href="../../users/1539019/greg" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1539019.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Greg" /> </a> <div class="s-user-card--info"> <a href="../../users/1539019/greg" class="s-user-card--link">Greg</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">3,025</li> <li class="s-award-bling s-award-bling__gold" title="13 gold badges">13</li> <li class="s-award-bling s-award-bling__silver" title="58 silver badges">58</li> <li class="s-award-bling s-award-bling__bronze" title="106 bronze badges">106</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="s-pagination pager fr"> <a class="s-pagination--item" href="../../questions/tagged/jgrowl_page=1" rel="prev" title="Go to page 1">Prev </a> <a class="s-pagination--item" href="../../questions/tagged/jgrowl_page=1" rel="" title="Go to page 1">1</a> <div class="s-pagination--item is-selected">2</div> <a class="s-pagination--item" href="../../questions/tagged/jgrowl_page=3" rel="" title="Go to page 3">3</a> <a class="s-pagination--item" href="../../questions/tagged/jgrowl_page=4" rel="" title="Go to page 4">4</a> <a class="s-pagination--item" href="../../questions/tagged/jgrowl_page=5" rel="" title="Go to page 5">5</a> <a class="s-pagination--item" href="../../questions/tagged/jgrowl_page=3" rel="next" title="Go to page 3"> Next</a> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>