Dream.In.Code > Web Development > HTML & CSS

Welcome to Dream.In.Code
	Become an Expert! Join 150,423 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,097 people online right now. Registration is fast and FREE... Join Now! Chat LIVE With a Expert

fully custom pop-up window

Reply to this topic

Start new topic

fully custom pop-up window

capty99	26 Mar, 2008 - 05:25 PM Post #1
the real kya Joined: 26 Apr, 2001 Posts: 9,260 Thanked: 16 times Dream Kudos: 550 My Contributions	not sure if this is js or not, looked through the code and its set up like this : CODE <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 This post has been edited by Martyr2: 26 Mar, 2008 - 05:28 PM Attached thumbnail(s)
	This Post Was Helpful!


Register for Free to Make These Ads Go Away!

Martyr2	RE: Fully Custom Pop-up Window 26 Mar, 2008 - 05:33 PM Post #2
Programming Theoretician Joined: 18 Apr, 2007 Posts: 5,660 Thanked: 314 times Expert In: C/C++, Java, VB, VB.NET, C#, PHP, Web Development, HTML & CSS, Javascript My Contributions	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.
	This Post Was Helpful!

capty99	RE: Fully Custom Pop-up Window 26 Mar, 2008 - 05:39 PM Post #3
the real kya Joined: 26 Apr, 2001 Posts: 9,260 Thanked: 16 times Dream Kudos: 550 My Contributions	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.
	This Post Was Helpful!

girasquid	RE: Fully Custom Pop-up Window 26 Mar, 2008 - 05:42 PM Post #4
Barbarbar Joined: 3 Oct, 2006 Posts: 1,300 Thanked: 19 times Dream Kudos: 725 My Contributions	It's JS, using the onclick handler - although CSS is being used to make it look like a pop-up window.
	This Post Was Helpful!

Martyr2	RE: Fully Custom Pop-up Window 26 Mar, 2008 - 05:43 PM Post #5
Programming Theoretician Joined: 18 Apr, 2007 Posts: 5,660 Thanked: 314 times Expert In: C/C++, Java, VB, VB.NET, C#, PHP, Web Development, HTML & CSS, Javascript My Contributions	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... CODE // Hide the element document.getElementById("idofdiv").style.visibility = "hidden"; This post has been edited by Martyr2: 26 Mar, 2008 - 05:44 PM
	This Post Was Helpful!

capty99	RE: Fully Custom Pop-up Window 26 Mar, 2008 - 08:41 PM Post #6
the real kya Joined: 26 Apr, 2001 Posts: 9,260 Thanked: 16 times Dream Kudos: 550 My Contributions	gracias. i will attempt it.
	This Post Was Helpful!

no2pencil	RE: Fully Custom Pop-up Window 26 Mar, 2008 - 08:47 PM Post #7
My fridge be runnin OH NOEZ! Joined: 10 May, 2007 Posts: 7,166 Thanked: 78 times Dream Kudos: 2425 Expert In: Goofing Off My Contributions	QUOTE(capty99 @ 26 Mar, 2008 - 09:41 PM) gracias. i will attempt it. QUOTE(yoda @ A long time ago) There is no try, only do.
	This Post Was Helpful!

Fast Reply

Reply to this topic

Start new topic

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

Time is now: 1/9/09 08:37PM

Invision Power Board v2.1.7 © 2009 IPS, Inc.

Licensed to: MediaGroup1

Advertising | Terms of Use | Privacy Policy | About Us | Site Map

Forum Index: Programming Help | C and C++ | Visual Basic | Java | VB.NET | C# | ASP.NET | PHP | ColdFusion | Perl and Python | Ruby | Databases | Other Languages | Game Programming | Software Development | Computer Science | Industry News | Programming Tutorials | C++ Tutorials | Visual Basic Tutorials | Java Tutorials | VB.NET Tutorials | C# Tutorials | Linux Tutorials | PHP Tutorials | ColdFusion Tutorials | Windows Tutorials | HTML/JavaScript Tutorials | CSS Tutorials | Flash Tutorials | Web Promotion Tutorials | Photoshop Tutorials | Software Development Tutorials | Database Tutorials | Other Language Tutorials | ASP.NET Tutorials |

Copyright 2001-2008 MediaGroup1 LLC, All Rights Reserved
A MediaGroup1 LLC Production - Version 6.0.2.1.36
Server: secure2

Search^Updated!w00t

Over 509,000 Pages! Advanced Forum Search

Be Social

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Join our IRC Chat

Bye Bye Ads

Monthly Drawing

Top Contributors

Top 10 Kudos This Month