6 Replies - 13088 Views - Last Post: 26 March 2008 - 09:47 PM

#1 capty99  Icon User is offline

  • i am colt mccoy
  • member icon

Reputation: 98
  • View blog
  • Posts: 10,081
  • Joined: 26-April 01

fully custom pop-up window

Posted 26 March 2008 - 06:25 PM

not sure if this is js or not, looked through the code and its set up like this :

<a id="dialog-link" href=""><button type="button" value="Delete Photo">Upload</button></a>



so its css run correct?

really, just wondering if anyone knows how to go about doing a fully custom pop up window like this.
i would surely appreciate it

Attached image(s)

  • Attached Image

This post has been edited by Martyr2: 26 March 2008 - 06:28 PM


Is This A Good Question/Topic? 0
  • +

Replies To: fully custom pop-up window

#2 Martyr2  Icon User is offline

  • Programming Theoretician
  • member icon

Reputation: 4399
  • View blog
  • Posts: 12,255
  • Joined: 18-April 07

Re: fully custom pop-up window

Posted 26 March 2008 - 06:33 PM

The code you show there is just a button in an <a> link tag (its just got the id specified probably so JS can reference it later).

As for what you want to do, it is a DIV overlay. Create a DIV tag, put your content into it, position it using CSS "position: absolute" so it breaks out of the flow of the page, and you are good to go.

If you want more info, look up CSS position property, pay attention to its "absolute" positioning and you may need to play with z-index so read up on that one too but it may not be required.

Hope that helps. :)
Was This Post Helpful? 0
  • +
  • -

#3 capty99  Icon User is offline

  • i am colt mccoy
  • member icon

Reputation: 98
  • View blog
  • Posts: 10,081
  • Joined: 26-April 01

Re: fully custom pop-up window

Posted 26 March 2008 - 06:39 PM

how do i make that appear on click of the upload button. is it a css thing or js.
just tell me which way to go and i can do the work ... i think.
Was This Post Helpful? 0
  • +
  • -

#4 girasquid  Icon User is offline

  • Barbarbar
  • member icon

Reputation: 108
  • View blog
  • Posts: 1,825
  • Joined: 03-October 06

Re: fully custom pop-up window

Posted 26 March 2008 - 06:42 PM

It's JS, using the onclick handler - although CSS is being used to make it look like a pop-up window.
Was This Post Helpful? 0
  • +
  • -

#5 Martyr2  Icon User is offline

  • Programming Theoretician
  • member icon

Reputation: 4399
  • View blog
  • Posts: 12,255
  • Joined: 18-April 07

Re: fully custom pop-up window

Posted 26 March 2008 - 06:43 PM

girasquid is absolutely right. It is a JS function through the buttons onclick handler. It will set the DIV overlay to visible/hidden.

Edit: For this pay attention to CSS visibility style. Example...

// Hide the element
document.getElementById("idofdiv").style.visibility = "hidden";


This post has been edited by Martyr2: 26 March 2008 - 06:44 PM

Was This Post Helpful? 0
  • +
  • -

#6 capty99  Icon User is offline

  • i am colt mccoy
  • member icon

Reputation: 98
  • View blog
  • Posts: 10,081
  • Joined: 26-April 01

Re: fully custom pop-up window

Posted 26 March 2008 - 09:41 PM

gracias. i will attempt it.
Was This Post Helpful? 0
  • +
  • -

#7 no2pencil  Icon User is offline

  • Admiral Fancy Pants
  • member icon

Reputation: 5380
  • View blog
  • Posts: 27,350
  • Joined: 10-May 07

Re: fully custom pop-up window

Posted 26 March 2008 - 09:47 PM

View Postcapty99, on 26 Mar, 2008 - 09:41 PM, said:

gracias. i will attempt it.


View Postyoda, on A long time ago, said:

There is no try, only do.

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1