Win a copy of Pro Spring MVC with WebFlux: Web Development in Spring Framework 5 and Spring Boot 2 this week in the Spring forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Ron McLeod
  • Paul Clapham
  • Jeanne Boyarsky
  • Liutauras Vilda
Sheriffs:
  • Rob Spoor
  • Bear Bibeault
  • Tim Cooke
Saloon Keepers:
  • Tim Moores
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Piet Souris
Bartenders:
  • Frits Walraven
  • Himai Minh

how to make a popup validtion?

 
Ranch Hand
Posts: 182
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi

I am wondering if anyone knows a tutorial or an easy way to make a bubble pop out if the user fails to enter the right information?

Something along this lines

asp.net Ajax Callout

I rather have something I can make myself. I really don't want to have a couple .js scripts just to make the popout thing to work.

If it actually takes this much code to right then its ok.

I just don't know where to even begin so I can't really comprehend how many lines it takes to do something like this.

I am using Jquery by the way.
[ June 18, 2008: Message edited by: Michael Hubele ]
 
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
You just need to have to find the location of the element of the page and move a layer over to that location. It is basic DHTML.

Eric
 
Sheriff
Posts: 67537
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
In the chapter 8 code for jQuery in Action, I created a 'popup' to define terms. You can take a look at that code -- same idea.
 
Michael Hubele
Ranch Hand
Posts: 182
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Originally posted by Eric Pascarello:
You just need to have to find the location of the element of the page and move a layer over to that location. It is basic DHTML.

Eric



Maybe for you.... I never done anything like that before I don't know you just really said and I have not really used DHTML. So i don't know what you mean of stuff like make a layer over a location. I am guessing the finding part would be with Jquery?

So if you can show me how to do this that would great.


In the chapter 8 code for jQuery in Action, I created a 'popup' to define terms. You can take a look at that code -- same idea.



I will check it out.


edit-

Ok I checked it out but its kind hard to know whats going on since I can't really used the examples since they require php what I don't have setup up and really don't want to see up right now(if not done properly it most likely will conflict with iis).

I see this is your css that makes the callout



So I am not sure how you can move it so its not ontop of the control through.

This looks like this moves it but I can't get it to work


[ June 18, 2008: Message edited by: Michael Hubele ]
 
Bear Bibeault
Sheriff
Posts: 67537
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

This looks like this moves it but I can't get it to work

This doesn't tell us what is happening. What's not working? What is happening? What did you expect?

That code assumes that it's in an event listener with the event instance passed in.
 
Michael Hubele
Ranch Hand
Posts: 182
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Originally posted by Bear Bibeault:
This doesn't tell us what is happening. What's not working? What is happening? What did you expect?

That code assumes that it's in an event listener with the event instance passed in.



Ah I figured it out.

ya I had to pass event listener in. That's why some of the stuff in that code did not work like the event.pageX;

Now I just have to figure out how to make a bubble. I guess I have to find some image.



So that's a code snippet. I pass in a event handler to the method when the button is clicked.
 
reply
    Bookmark Topic Watch Topic
  • New Topic