HTML - Cant Make My Html Page,password Protected.plz Help Me....
1St PROBLEM OF PASSWORD HIDING HAS BEEN SOLVED,N DA 2ND PROBLEM HAS BEEN GIVEN IN THE LAST POST OF MINE. PLEASE CHECK @ALL N HELP ME.
Hey friends,i'm having a JavaScript by which we can make our html page password protected. I got dis script from a site n tried,but dont know where i'm going wrong. CAN U ALL PLZ TRY IT N DEN SAY ME,HOW N WHAT TO DO. The script is as follows,which is to b placed in the head tag. Ok.. <script language="JavaScript"> <!--hide script supplied by hypergurl http://www.hypergurl.com var password; var pass1="daksh"; password=prompt('Enter your password in order to view this page!',' '); if (password==pass1) alert('Correct password, OK to enter!'); else { window.location="http://soamz.uk.to"; } // end hide--> </script> Plz help me.. My temporary site is http://soamz.uk.to Similar TutorialsHi Guys, I have a page on my web site that I wanted password protected, so I put it into a different folder that I password protected. Navigating to the page and other pages from the password protected page is no problem. But, one of the links from the page is to an IP address. When I click on that link, I get an error message of "The requested URL /stafflogin/\\( ip address ) was not found on this server." I have the link coded as: <a href="http:\\( ip address )"> Can someone please tell me what I'm doing wrong? When this page is in the root directory of the web site, it works just fine. I tried "..\http:\\( ip address )" but it still does not work. I got the following error when I coded it that way: "The requested URL /stafflogin/..\http:\\( ip address ) was not found on this server." Thanks in advance for your help... Hey guys, im looking for an HTML or java script that will allow me to have a page that cannot be viewed unless you type in a password. Reason being is i wish to have a separate page with a chat box and web cam function which can only be used by staff members for online meetings rather than having to travel to meet up. Also it would serve as a page with chat just to sit and chill. Basically im needing a button (which i can make) "staff members only" which will be located on the main website and once clicked i would like it to open up a new page which has the password form or button that opens a password box. I would like to set the password my self and only have one password and be able to change it when i feel its needed. once the password is typed in and is correct i would then like it to open up the page where the chat box is.i have searched high and low for a form like this, i have found several but once the password is typed in and is correct they will only load a file and not redirect you to a website page. Any help is welcomed can you hack the password on this forum? http://www.hiddenforum.net I'm not trying to advertise but more to improve my html based password protecting code because, as far as I know, no one has created a proper one I want to upload some password protected files to my site, and I'm not sure how to do this. These files would not be linked to on any of the pages, so you'd need to know the exact file path to access them. These files are not incredibly sensitive/important, so I don't need to go overboard with security, but I would at least like to have them password protected. Can someone run me through this process or link me to a good source of info? Thanks. Hi i am designing a website for a client and he wants only one page to be password protected, how do i do this with dreamweaver cs3? Hi I have a couple of webcams around the house, which requires me to login to the webcams webpage with username and password, before I can view the picture from the cams. I wanted to put the pictures from all cams on the same webpage, so that I can view them all at ones, and I created a page, where I insert the images path to the cam pictures like this: HTML Code: <img src="http://username:password@webcam.page.com/picture.jpg"> This works fine in Firefox and Android browser, but in IE the pictures are not shown. Is there any way to fix this? Ps. I realise that the username and password are exposed in the image address, but since the webpage the pictures are displayed in is also password protected, I figured that this would not be a problem. Thanks. I am photographer and want to upload client jobs to a web page or whatever and allow, via password, my clients to view and/or download the job to their site, is this an easy thing to achieve? Thanks. Basically an uploader first time chooses a password and then whenever he/she wants to upload something he/she must type in a password and if done correctly, he/she can upload up to say 1000 KB of stuff per upload that is downloadable. How with HTML is such possible especially setting the limit on each upload (1000 KB for example) please? Thank you all in advanced for helping me out ; ) - Jason sorry im really new at this stuff. so i have the code, and i need to make & view the page.. so how do i do that?? thanks Hi All, I have a html page ,when i copy the preview and paste it in Microsoft Outlook Express ,when i click the link its not going to section of the page. If i click Upcoming Dates & Events its not going to section of the page How to make it working,Can any one plz help me out. My code as follows html code: --------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Working Process Summary</title> </head> <body> <table class="newsletterboarder" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" cellSpacing="0" cellPadding="0" width="751" align="left" border="0" id="table2"> <tr> <td><b><span style="FONT-SIZE: 9pt; COLOR: blue; FONT-FAMILY: Tahoma"> <img style="WIDTH: 782px; HEIGHT: 145px" alt="Working Process" border="0" v:shapes="_x0000_s1032"></span></b></td> </tr> <tr> <td class="header" style="PADDING-RIGHT: 10px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 3px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: #336699"> Working Process 14 November2007</td> </tr> <tr> <td style="BORDER-RIGHT: 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: 1px solid" height="2543"> <div class="tableholder" title="Release Overview" style="WIDTH: 764px; HEIGHT: 210px"> <div class="tabletitle"> Information - Overview </div> </div> <div class="twoColumn_component"> <div class="rightColumn" style="WIDTH: 342px; HEIGHT: 159px"> <h2 class="blue">General Information</h2> <ul> <li><a title="#info7" href="#info7">Upcoming Dates & Events</a> </li> <li><a title="#info8" href="#info8">Detailed Status Information </a></li> </div> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <ul> <li><b>PDR </b></li> </ul> <blockquote> <ul> <li><b>PDB </b></li> </ul> <blockquote> <ul> <li><b>Issue (P2) : </b>info<br> <b>Action Plan: </b>Team is analyzing </li> <li><b>Issue (P3): </b>infosdfe<br> <b>Action Plan:</b> </li> </ul> </blockquote> <strong>Key Upcoming Milestones </strong> <ul> <li>Post Project Assessment <li>.</li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <a id="#info3" title="#info3" href="#info3"></a> <h2 class="blue"> Release <strong> </strong></h2> <ul> <li <span style="FONT-FAMILY: Arial"><font face="Arial">RMSPRs</font> information format</span></font></span> </li> <li <font style="FONT-SIZE: 9pt" face="Arial">info mailed.</font></span></span></span> </li> <li><span style="FONT-FAMILY: Arial"><font style="FONT-SIZE: 9pt"> <font face="Arial">Target </font><span class="112494500-31102007"><font face="Arial">Development has started. </font></span></font></span> </span></span></span></li> <li><font style="FONT-SIZE: 9pt" face="Arial">Info follows.</font> </li> <li><font style="FONT-SIZE: 9pt" face="Arial">Coming with info.</font> </li> <li><font style="FONT-SIZE: 9pt"><span class="112494500-31102007"> <b><font face="Arial">Potential projects </font></b></span></font> <ul> <li><font style="FONT-SIZE: 9pt" face="Arial">Out ongoing </font></li> </ul> </li> </ul> <ul> <li>None </li> </ul> <strong>Key Upcoming info </strong> <ul> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <ul> <li>None </li> </ul> <ul> <li>.</li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <strong>Key Issues and Risks </strong> <strong>Key Upcoming Milestones </strong> <ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <h2 class="blue">OOCRs for the week 11/12 to 11/16</h2> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <h2><a name ="info7">Upcoming Dates & Events</a></h2> <ul> <li>NEw info to be made available: 11 July </li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a> </p> <h2 ><a name ="info8">For Detailed Information</a></h2> </tr> <tr> <font size="2"><span style="FONT-SIZE: 10pt; FONT-FAMILY: Arial"> <font size="1"><span style="FONT-SIZE: 7.5pt; FONT-FAMILY: Arial"> </tr> </table> </body> </html> my CSS ---------------- #exectPhotos { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } } .sectionNavigation UL LI { MARGIN: 0px 0px 2px } .sectionNavLeft UL LI { MARGIN: 0px 0px 2px } .sectionNavRight UL LI { MARGIN: 0px 0px 2px } } #2c_leftColumn_separator { Z-INDEX: 2; LEFT: 0px; MARGIN-RIGHT: 51%; POSITION: relative; TOP: 0px } .twoColumn_component .leftColumn { Z-INDEX: 2; LEFT: 0px; MARGIN-RIGHT: 51%; POSITION: relative; TOP: 0px #2c_leftColumn_separator { PADDING-RIGHT: 5px; BACKGROUND: url repeat-y right top } .twoColumn_component .leftColumn_separator { PADDING-RIGHT: 5px; BACKGROUND: url repeat-y right top } #onThisPageFloat { PADDING-RIGHT: 16px; PADDING-LEFT: 15px; Z-INDEX: 2; FLOAT: right; BACKGROUND-COLOR: #fff } #bodyContent #onThisPageFloat { PADDING-RIGHT: 0px; PADDING-LEFT: 15px; Z-INDEX: 100; FLOAT: right; BACKGROUND-COLOR: #fff } #centerColumn #onThisPageFloat { PADDING-RIGHT: 0px; PADDING-LEFT: 15px; Z-INDEX: 100; FLOAT: right; BACKGROUND-COLOR: #fff } .timezonelast { BACKGROUND: none transparent scroll repeat 0% 0% } .pullquote { BACKGROUND: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Working Process Summary</title> </head> <body> </div> <div class="twoColumn_component"> <div class="rightColumn" style="WIDTH: 342px; HEIGHT: 159px"> <h2 class="blue">General Information</h2> <ul> <li><a title="#info7" href="#info7">Upcoming Dates & Events</a> </li> <li><a title="#info8" href="#info8">Detailed Status Information </a></li> </ul> </div> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #2 here --> <a id="#info2" title="#info2" href="#info2"></a> <h2 class="blue"> Release </h2> <strong>Key Updates </strong> <ul> <li>Overall information "Yellow/Green". </li> </ul> <p><strong>Key Issues/Risks</strong></p> <ul> <li><b>PDR </b></li> </ul> <blockquote> <ul> <li><b>Issue (P4) : </b> <b>Action Plan:</b> Issue & workaround analysis is off </li> <li><b>Issue(P4):</b> no info.<br> <b>Action Plan:</b> Team is investigating the issue. </li> </ul> </blockquote> <ul> <li><b>PDB </b></li> </ul> <blockquote> <ul> <li><b>Issue (P2) : </b>info<br> <b>Action Plan: </b>Team is analyzing </li> <li><b>Issue (P3): </b>infosdfe<br> <b>Action Plan:</b> </li> </ul> </blockquote> <strong>Key Upcoming Milestones </strong> <ul> <li>Post Project Assessment </li> <li>. </li> <li>. </li> <li>.</li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #3 here --> <a id="#info3" title="#info3" href="#info3"></a> <h2 class="blue"> Release <strong> </strong></h2> <strong>Key Updates </strong><span class="218095106-13112007"> <span class="924295007-06112007"> <ul> <li><span class="685430504-02102007"><font style="FONT-SIZE: 9pt"> <span style="FONT-FAMILY: Arial"><font face="Arial">RMSPRs</font> information format</span></font></span> </li> <li><span class="685430504-02102007"> <span style="FONT-FAMILY: Arial"><span class="112494500-31102007"> <font style="FONT-SIZE: 9pt" face="Arial">info mailed.</font></span></span></span> <span class="685430504-02102007"></li> <li><span style="FONT-FAMILY: Arial"><font style="FONT-SIZE: 9pt"> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #4 here --> <a id="#info4" title="#info4" href="#info4"></a> <h2 class="blue"></h2> <strong>Key Updates </strong> <ul> <li>. </li> <li>.</li> </ul> <strong>Key Issues and Risks </strong> <ul> <li>None </li> </ul> <strong>Key Upcoming Milestones </strong> <ul> <li>.</li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #5 here --><a id="#info5" name="#info5"></a> <strong>Key Issues and Risks </strong> <ul> </ul> <strong>Key Upcoming Milestones </strong> <ul> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #7 here --> <h2><a name ="info7">Upcoming Dates & Events</a></h2> <ul> <li>NEw info to be made available: 11 July </li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a> </p> <!-- Start Article #8 here --> <h2 ><a name ="info8">For Detailed Information</a></h2> </tr> <tr> <td style="PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px" height="50"> <font size="2"><span style="FONT-SIZE: 10pt; FONT-FAMILY: Arial"> <font size="1"><span style="FONT-SIZE: 7.5pt; FONT-FAMILY: Arial"> </tr> </table> </body> </html> no-repeat; MARGIN: 5px; WIDTH: 17px; LINE-HEIGHT: 1.1; HEIGHT: 15px } #pullbulletlist {} thanks in Advance Can i just place some html in between the head tags or ?? to make the text change to arial for example? hi everyone this is my first page so i will probably have a couple of questions to help give me an idea of how to do that i want! basically someone has asked me to design them a site, i did a web design course but that was 6 months ago and i need to learn new things for it as well as try and remember what ive learned! ive got a semi basic layout, ill post the html and css, hopefully ill pate them in the right way (this definitely wont be the colour scheme, ive been following an online tutorial, want to get the layout right before making other tweaks) basically in the content section theyre looking for a rectangular box that has 4 imaes, 2 side by side and two below. these will change when theyre rolled over and when a particular image is clicked it will take them to the correct section of the site. as far as i understand from the css i have the size of the content section will change depending on how much information is there. how would i know what size to make the flash for insertion into this section so it fits properly without any gaps? sorry im a bit new to this but the more i learn the better! i dont have a clue how to actually code the flash yet but getting the size right would be a good start! thanks for your help HTML Code: <link rel="stylesheet" type="text/css" href="css/master.css" /> </head> <body> <div id="page-container"> <!--this div will hold all the other elements of the page--> <div id="main-nav">Main Nav</div> <div id="header"> <h1> Kilmaclolm Dramatic Society logo to be placed here </h1> </div> <div id="sidebar-a"> <dl class="hidden"> <dt id="about"><a href="#">About</a></dt> <dt id="services"><a href="#">Services</a></dt> <dt id="portfolio"><a href="#">Portfolio</a></dt> <dt id="contact"><a href="#">Contact Us</a></dt> </dl> </div> <div id="content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus. Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus. Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio. Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget, purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst. </div> <div id="footer"><!--floated divs dhould come first to avoid any IE issues--> <div id="altnav"> <a href="#">About</a> - <a href="#">Services</a> - <a href="#">Portfolio</a> - <a href="#">Contact Us</a> - <a href="#">Terms of Trade</a> </div> Copyright © Kilmacolm Dramatic Society. A website by D Keenan </div> </body> </html> Code: @charset "utf-8"; /* CSS Document */ html, body { /*resets the margins and padding on both the html and body tags to 0 to ensure theres no space between the top of the browser and the top of the page */ margin: 0; padding: 0; } h1 { margin: 0; /* takes away the default margin and padding on h1 tags */ padding: 0; } .hidden { display: none; /* any element with this class wont be seen on the site */ } #page-container { /* there is a # as this is an id, to be used once on the page only, not repeated elsewhere this div's height will change depending on the content*/ margin: auto; /* browser sets margin, should centre the div */ width: 760px; /* sets the width of the container */ } #main-nav { background: red; height: 50px; /* the width doesnt need to be specified, it will be 760px as this is the with of the containing div */ } #header { background: blue; height: 150px; } #sidebar-a { float: left; /* floats sidebar to left of the screen */ background: darkgreen; /*the height is dependend on the content so no height will be set for the time being*/ width: 280px; } #content { background: green; /*the height is dependend on the content so no height will be set for the time being*/ margin-left: 280px; /*creates a margin as wide as the sidebar to separate the sidebar information and the content */ } #footer { clear:both; /*When an element has the clear property assigned, if it comes into contact with a float it is placed right below where that float ends.*/ background: orange; height: 66px; } please help me guys!!! im trying to find a html code that allows people download a pdf files from the website that im trying to make..anyone out there help me.. Hello, My friend has a blog through blogger that she wants to be kept private, but doesn't want to have to make her friends who want to read her blog make an account through blogger just to view it. So she bought a domain name and has them connected. She wants her friends to be able to go to her domain name, have them enter a username and password that they all already know, and then be taken to her blog. I figured out most of the password stuff, just a code that you put into your html that encrypts your password... but what I don't get, is if you just put in the address of her blog, your not promted to enter a password and you can automatically read it... is there any way of getting around that? If she ended up not using her blog anymore, and just was creating html pages, is there any code that she could put in the html code to encrypt each page and require a password so people couldn't get to the "page that wants to be hidden" by just entering the url? Thanks so much!! Hello, I'm new to this forum. I really hope you can help me out. I know I'm cheating by using FrontPage to develop my site and I want to take the time to really get into and understand the underlying HTML, but unfortuantely, I just needed to get my site up and running. My question is, can I just insert some code into my HTML that will prompt for a password in order to display certain pages of my site? Really, I only need one password that I will give to everyone who uses the site, so I don't believe it has to be really difficult. I would obviously, also want to display a message if they enter an invalid passowrd. Thanks for any help you can give me! BTW, I meant PROTECTING, not PROTESTING!!! lol does anyone know how to put a password into a page so that you or a selected person can access it? something like username: password: and a creation page so that you can make your own usernames and passwords... i'd use phpBB but I don't understand how to use it... cause it's blank xD oh and if it makes any difference... i use macromedia dreamweaver 2004 edition as my HTML... ect. edditor ok so i made it when u click page X it loads page Y page X = password page page Y = password protected page i have made it so in page X you need to type a password, and if you type it correctly it loads page Y, this works perfect and there is no problem my problem is anyone can just copy and paste in the page Y link in the address bar and it will load the page, i want to block the page when you don't type in the correct password in page X thanks Can someone help please? I am using the following code to put a password on a webpage, it all looks ok but will not display the location page (gallery2.html), and I can not work out why. A 'done but with errors on page' message indicates that the problem is with the line location="gallery2.html", but I don't see why? The file is in the same folder as this file so no need for file names, etc...... HELP! <html> <body TEXT="000066" bgcolor="#999999"> <br> <script language="javascript"> <!--// /*This Script allows people to enter by using a form that asks for a UserID and Password*/ function pasuser(form) { if (form.pass.value=="password") { location="gallery2.html" } else { alert("Invalid Password") } //--> }</script> <center> <table bgcolor="#999999" cellpadding="12" border="0"> <tr><td colspan="2"><center><FONT face="Bradley Hand ITC" FONT SIZE="4">This is a private gallery. Please enter your password.</font></center></td></tr> <tr><td><h1><FONT face="Bradley Hand ITC" FONT SIZE="4">Password:</font></h1></td><td><input name="pass" type="password"></td></tr> <tr><td><center><input type="button" value="Login" onClick="pasuser(this.form)"></center></td><td><center><br> </form></td></tr></table></center> </body> </html> hi, im 13, im new to html, and im making a business site. anyway, i have the latest version of Adobe GoLive (if that helps) but i'd much prefer to use plain html code. i need a page that asks for a password and if its correct takes me to a page with stuff on it. can i have a little code plz? =) thanks Hi, I'm new here. So i have problem, friend ask me for making a web but only in HTML cause portal on which she got account doesn't support PHP. And I'm wondering if there is some more or less easy way to create login/password protected access to the web form in HTML, that she can log in and then add posts on her website in way that I'm using right now writing this post. Of course all in HTML, if its not possible I will figure out something else. Thanks in advance. =] |