HTML - Insert Picture From Password Protected Site
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. 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 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? 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 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. 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 I'm having trouble fixing some bugs when viewing my site on IE 6. Here is my problem........ I have IE 6 and everything looks fine to me. But on other computers it looks messed up. So.... I was wondering if someone could help me out and take a screenshot of a page using IE 6. I want to see how it looks on other computers when the page fully loads up. This is the page http://webtvdeluxe.com/v2/Art Show Thank you in advance Hello. I have problem with creating a website for my Counter-Strike team. When I trying to write match info, and insert there a little flag, it always goes below map picture. It goes there everyway... with FrontPage, with PageBreeze, even with a WordPad, then i tried to edit HTML code manualy. Here is a screenshot: I realy need this problem to be solved. Sorry for my english. Hello, for one site only, IE6 fails to prompt to save password for a Login Form. This is a new site. IE6 *does* prompt for other sites (e.g. amazon.com sign-on) The IE autocomplete settings are set to prompt in the usual way. I've tried clearing all cookies/cache etc. There are no autocomplete disabled/off settings in the page. What is strange is that Firefox does prompt to save password for site for the problematic page, as I would expect IE to. The only thing that's maybe a bit unusual is that the INPUT name="..." in the Form contains unusual chars such as ^ and !. But i wouldnt have though that was a problem (?). Any ideas why the save password prompt is not appearing for this one site? thanks. Hi all, I have a directory on my website that is password protected... I'd like to set it up so the first page a visitor sees has an option to log in (with username/password form field) or register with a full form to collect their information. Right now all visitors see is an ugly gray box that asks for username and password. How can I do this? All files in the directory (including PDFs etc.) have to stay protected. Thanks! -Lynn I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! I was wondering if there was a simple way or script out there that anyone knows that can change a picture at a certian time? I am doing a website for a diner and they close at 3:00pm and I was thinking about putting a sign on the website that would simply say "Open" when the diner is open and "Closed" when its obviously closed. Thanks in advanced For the site that I am currently in charge of I removed a slideshow because it took too long to load. In it's place i tried to add just a picture, but it will not work. I uploaded the picture to the site, have the correct html, and placed the html where the code for the slideshow used to be but it doesn't appear on the page. It doesn't even give one of those X's to show you the picture isn't loading. Here is some of the code surrounding where I'd like the picture to be. <div id="text6" style="position:absolute; overflow:hidden; left:22px; top:628px; width:929px; height:205px; z-index:5"> <div class="wpmd"> <div><font face="Times New Roman" class="ws16">Mission Statement</font></div> <div><font face="Times New Roman" class="ws16"><BR></font></div> <div><font face="Times New Roman" class="ws16">A collaborative team including individuals impacted by neurological conditions, providers who serve them, members of communities in which they live, advocates, and researchers who investigate these impairments will identify, develop and disseminate information and strategies, and maximize resources to improve outcomes and quality of life. <a href="http://www.karrn.org/SCIRehabProgram.pdf">2010 SCI Rehab Conference Program</a></font></div> <div><font face="Times New Roman" class="ws16"><BR></font></div> </div></div> <div id="shape1" style="position:absolute; overflow:hidden; left:698px; top:248px; width:310px; height:320px; z-index:7"><img border=0 width="100%" height="100%" alt="" src="images/shape3078289.gif"></div> <div id="text5" style="position:absolute; overflow:hidden; left:19px; top:591px; width:238px; height:25px; z-index:8"> <div class="wpmd"> <div><font color="#000000" face="Times New Roman" class="ws18"><B>Welcome to our site</B></font></div> </div></div> The blank area there is where the code for the slideshow was. All I need is a simple picture. Anyone know why it's not working? Thanks ahead of time! I want to create this type of a navigation utility to scroll through large amounts of pictures 5 at a time. The picture links will be stored in an array. Any suggestions as to how I should code this? I work in asp if that matters. Code: <table> <tr> <td style="background-color:#cccccc;border:medium inset #ececec;padding:0;"> <input type="button" name="first" id="first" value="First 5" /> <input type="button" name="previous" id="previous" value="<<Prev 5<<" /> <input type="button" name="next" id="next" value=">>Next 5>>" /> <input type="button" name="last" id="last" value="Last 5" /> </td> </tr> </table> Thanks in advance! I'm trying to make a picture button. I have a little so far can you help with the rest. <input type="button" onclick="javascript:alert('Noob, u fell for it!!!')" /> Hello, it seems every now and then when I create an image from a document/scan or such and I upload it, It displays fine in FireFox, however users in IE are reporting that they're not seeing the image. Can anyone take look at this image and tell me if you see this displaying in IE? http://thejf.org/images/JCC124.jpg Is this an IE bug or something? How come this image appears fine in FireFox but not IE? Hey all got bit of a prob here! I need the bg picture to fit the background plz help HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>I-C-U - The corner inside the code</title> <meta name="author" content="DarkHat" /> <meta name="subject" content= "anonymous, antivirus, chat, hacker, hackers, internet security, proxy, security, trading, webdesign" /> <meta name="Description" content="Trade your secrets at I.C.U" /> <meta name="Classification" content= "I-C-U is here for you and you are there for the others who needs the help with security etc..." /> <meta name="Keywords" content= "anonymous, antivirus, chat, hacker, hackers, internet security, proxy, security, trading, webdesign" /> <meta name="Geography" content="Sweden/Usa" /> <meta name="Language" content="English, Swedish, Danish, Norwegean" /> <meta http-equiv="Expires" content="Dec 2012 10:10:10 GMT" /> <meta http-equiv="CACHE-CONTROL" content="NO-CACHE" /> <meta http-equiv="PRAGMA" content="NO-CACHE" /> <meta name="Copyright" content="DarkHat , -I.C.U-" /> <meta name="Designer" content="DarkHat" /> <meta name="Publisher" content="I.C.U" /> <meta name="Revisit-After" content="10" /> <meta name="distribution" content="Global" /> <meta name="Robots" content="INDEX,FOLLOW" /> <meta name="city" content="Gothenburg" /> <meta name="country" content="Sweden" /> <link rel="stylesheet" href="/css/style.css" type="text/css" /> <link rel="stylesheet" href="/css/frontstyle.css" type="text/css" /> <link rel="shortcut icon" type="image/ico" href="/favicon.ico" /> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="icon" type="/ico" href="/favicon.ico" /> <script type="text/javascript" src="js/jquery-1.2.6.js"> </script> <script type="text/javascript" src="js/startstop-slider.js"> </script> </head> <body> <div id="page-wrap"> <div id="slider"> <div id="mover"> <div id="slide-1" class="slide"> <h1>LinkerZ</h1> <p>LinkerZ nr.1 webpage for the hacker! There is links to different communitys, movie portals, radio stations, all about the interesting world thrue the hackers eyes</p><a href="http://i-c-u.se/LinkerZ/"><img src= "images/slide-2-image.jpg" alt="learn more" /></a> </div> <div class="slide"> <h1>Designz Webdeveloper</h1> <p>Designz Webdeveloper! oh well the name say it all. A team of web designers that makes designs to a new level of creating living appearense</p><a href= "http://i-c-u.se/EliteDesignz/index.html"><img src="images/slide-1-image.jpg" alt="learn more" /></a> </div> <div class="slide"> <h1>I-C-U Chat</h1> <p>The place for you that got somthing to say! A place for the sharing of interest off all from hacking to music to security etc...</p><a href= "http://i-c-u.se/icuchatter.html"><img src="images/slide-3-image.jpg" alt= "" /></a> </div> </div> </div> </div> </body> </html> HTML Code: { margin: 0; padding: 0; } body { font-family: "Lucida Grande", Arial, Sans-Serif; background: #000;} a { text-decoration: none; outline: none; } a img { border: none; } h2 { font-family: Georgia, Serif; font-size: 36px; text-align: center; font-weight: normal; } #page-wrap { background: black; width: 980px; margin: 0 auto; padding: 50px 0; } #slider { background: white url(../images/slider-bg.jpg); height: 475px; overflow: hidden; position: relative; margin: 50px 0; } /* DEFAULT is for three panels in width, adjust as needed This only matters if JS is OFF, otherwise JS sets this. */ #mover { width: 2800px; position: relative; } .slide { padding: 40px 30px; width: 900px; float: left; position: relative; } .slide h1 { font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px; color: #ac0000; } .slide p { color: #000000; font-size: 12px; line-height: 22px; width: 300px; } .slide img { position: absolute; top: 20px; left: 400px; } #slider-stopper { position: absolute; top: 1px; right: 20px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; } After re-structuring the whole website, i got some problems with my pictures. As you see on theese 2 pics i can't get the pictures centered, even with the <center> tag! (images removed) before re-structuring i couldn't center the pictures neither, so it isn't because of the new structure. Please take a look on this Code and tell me if you know how to fix this problem. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Urne's Website - Community</title> <link rel="stylesheet" type="text/css" href="style/style2.css"> </head> <body> <div id="container"> <div id="header"></div> <div id="left" style="width:210px;float:left;"> <a href="index.html"><img alt="Home2 (15K)" src="img/Home2.png" height="50" width="200" border= "0px"/></a> <p><a href="Community.html"><img alt="Community (15K)" src="img/Community.png" height="50" width="200" border= "0px"/></a></p> <p><a href="Tracks.html"><img alt="Tracks (17K)" src="img/Tracks.png" height="50" width="200" border= "0px"/></a></p> <p><a href="Videos.html"><img alt="Videos (15K)" src="img/Videos.png" height="50" width="200" border= "0px"/></a></p> <p><a href="Images.html"><img alt="Images (15K)" src="img/Images.png" height="50" width="200" border= "0px"/></a></p> <p><a href="Other.html"><img alt="Other (13K)" src="img/Other.png" height="50" width="200" border= "0px"/></a><p/> <p><a href="Trackup.html"><img alt="Track Updates" src="img/trackup.png" height="50" width="200" border= "0px"/></a><p> <p><a href="Settings.html"><img alt="Settings (13K)" src="img/Settings.png" height="50" width="200" border= "0px"/></a></p> <p><a href="Search.html"><img alt="Search (14K)" src="img/Search.png" height="50" width="200" border= "0px"/></a><p> <p><a href="About.html"><img alt="About (12K)" src="img/About.png" height="50" width="200" border= "0px"/></a></p> </div> <div id="main" style="margin-left: 210px;"> <h1>Urne's Tracks</h1> <p>Here i have all the tracks i ever made for Re-Volt. Please check this one weekly/monthly, because the site will be updated at least once/month.<img alt="Smiley" src="img/Smile.gif" border= "0px"/></p> <a href="Bone+Island.html"><img alt="Bone Island" src="img/Bone+Island+hot.png" height="200" width="200" border= "0px"/></a> <a href="At+The+Farm.html"><img alt="At The Farm" src="img/At+The+Farm.png" height="200" width="200" border= "0px"/></a> <a href="Forgotten+City.html"><img alt="Forgotten City" src="img/Forgotten+City.png" height="200" width="200" border= "0px"/></a> <br> <a href="Cyberspace.html"><img alt="Cyberspace" src="img/Cyberspace.png" height="200" width="200" border= "0px"/></a> <a href="Dark+Park.html"><img alt="Dark Park" src="img/Dark+Park.png" height="200" width="200" border= "0px"/></a> <a href="Pisa+Grandprix.html"><img alt="Pisa Grandprix" src="img/Pisa+Grandprix+hot.png" height="200" width="200" border= "0px"/></a> </br> </div> </div> </body> </html> Hope this can help you! Regards Urnemanden I use HTML 4.01 transitional, with some style sheets. I'd like to put a frame around a picture on an inspirational website for purely ascetic reasons. I don't want to use a table for a frame like some folks do. It' s kind of tacky. Does anybody know what code I'd need to do this? Is there some kind of style sheet I could use? |