|
HTML - How To Change Content Depending On Operating System!?
Hi,
Is there any script or way to view/hide a div or similar tag only if you're on windows/mac/linux? I want a div to show if you're on windows/linux and an other if you're on a mac. Thanks in advance! Similar TutorialsOk, right, so I have some pictures in a table (Question1) and some text (Question2). Question 1 Is there a way of having a loading picture before the original image shows up? Question 2 Is there a way of having a loading picture before the text shows? This is only 'cause i would like some text that 'kinda looks like it's loading first, or a delay. I have an 'Agree' box on my website so that when people enter, they have to agree to certain terms first. Is there a way of having a checkbox underneath saying 'Do not show me this page again.' and when they select that, it stores a cookie or something so that they don't see the page again? The site: http://www.tc-ua.piczo.com/ Give me your comments and ideas. Thanks; ToshNeox On my website I am trying to make a drop down menu change a script below it. If you go to http://www.breezybucks.com/article/newtemplate and click on "Custom Order Prizes" on the left you should see a drop down menu and an amazon flash file below it. I want it to be so that when you change from "Video Games" to "Electronics", it will load another flash file (from an already made amazon script). Here is my script right now... Quote: <select NAME="amazon"> <option>Video Games</option> <option>Electronics</option> <option>Books</option> </select> <Amazon Flash Script> <2nd Amazon Flash Script> Any idea how to do this? I'm not sure how to explain this, but I hope someone can help me or point me in the right direction. I'd like to have a small side column on my website with content such as recent updates. Ideally, I'd like to be able change just one file and have that reflected on every page. Right now, I have to go through and update each page manually but I know there must be an easier way to do this. I'm thinking this is somehow related to RSS feeds but I don't really know much about them and I'm not sure if that's what I'm actually looking for. Can anyone offer any advice/tutorials/suggestions/help for a way to do this? The site I'm working on is located here and the section that I would like to be able to change that right column ("Recently Updated"). Hey guys, I was wondering if anyone could help me? I wish to produce a website which works in the following way: The header and footer remain the same, and do not reload on page refresh. Then, links on a menu bar stimulate loading a new page, however only the content below the header changes. An example of this, is the CushyCMS website (http://www.cushycms.com). When you click the menu links, the header doesn't reload, only the page content does. How would I do this? My reason for wanting this method, is because I wish to have an image slider present within the header of all of my pages, and I don't wish to have to update every page each time I wish to add an image. Please help? Many thanks, Luke I wrote a code that I am assuming you guys should know exactly what I want my web page to do, however I can guarentee there are flaws in it since this is my first xhtml script ive written. I do know basic programming language making this code easier to read and uenderstand. So please review my code get an idea of what I am trying to do and help me write it to get it to work. \\common resolutions: 800x600, 1024x768, 1240x800 $resolution = "screen.width'x'screen.height"; \\This should detect the resolution correct? If switch ($resolution){ case "800x600": onLoad="ScreenGoToURL('Index1.php')"> \\I am assuming this will redirect to Index1.php if the resolution is 800x600 break; case "1024x768": onLoad="ScreenGoToURL('Index2.php')"> \\redirects to index2.php if 1024x768 break; case "1240x800": onLoad="ScreenGoToURL('Index3.php')"> \\redirects to index3.php if 1240x800 break; case "320x480": onLoad="ScreenGoToURL('Index4.php')"> \\redirects to iTouch page break; } else { onLoad"ScreenGoToURL('Index.php')'> \\This will redirect them to a uknown screen size? Thanks in advance Hi, I want my website to redirect depending on the last URL so if the last website was http://Abc.com/a it would redirect to http://google.co.uk but if the last URL was diffrent it would redict to anouther URL. Thanks. Hey everyone, is there a way that i can make the text under welcome stay where it is even when the screen isnt maximized? Because right now when you un-maximize the browser window, the text goes all weird and out of the box. http://wiseones.50webs.com/ Hello, Trying to put together a portfolio site for an assignment. I've managed to hammer out most of the kinks (aside from some css formatting), but for some reason when the page reaches a length that requires vertical scrolling the entire site shifts slightly to the left. Here's the site right now as it is: http://kool-factor.com/index2.php I've added a few repeat posts on the Home page to get the desired effect (can also be seen on Curriculum Vitae). The Contact page is shorter, and shifts back to the right. Strangely, when the Home page only has one post, it is also shifted to the right. I don't think it's a PHP problem (though it could be, and I just don't know about it), so I've been trying to go through the HTML and CSS, but am coming up short. Anyway, here's the index2.php code: PHP Code: <?PHP $default = 'home.php'; $page_Title = $page_Content = ''; $page=$_GET['id']; function loadInclude($file, $default, $dir='') { global $page_Title, $page_Content; if(empty($file) || !$file) $file = $default; if(!file_exists($dir . $file . '.php')) $file = $default; /* echo 'Including: ' . $dir . $file . '.php<br />'; */ include($dir . $file . '.php'); } if(isset($_GET['id'])) loadInclude($_GET['id'], 'home', ''); else include $default; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Curtis Winger<?php echo $page_Title;?></title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="main"> <table border="0" cellpadding="0" cellspacing="0" id="headertable"> <tr> <td class="titleleft"><img src="head.png" alt="" /></td> <td class="titleright"> <div id="navmenu"> <a <? if( ($page == 'home') || ($page == '')): ?> class="current" <? endif ?> class="navlink" href="index2.php">Home</a> <a <? if($page == 'projects'): ?> class="current" <? endif ?> class="navlink" href="index2.php?id=projects">Projects</a> <a <? if($page == 'cv'): ?> class="current" <? endif ?> class="navlink" href="index2.php?id=cv">Curriculum Vitae</a> <a <? if($page == 'contact'): ?> class="current" <? endif ?> class="navlink" href="index2.php?id=contact">Contact</a> </div> </td> </tr> </table> <?php echo $page_Content;?> <table border="0" cellpadding="0" cellspacing="0" id="footertable"> <tr> <td>© 2009 Curtis Winger</td> </tr> </table> </div> </body> </html> The CSS: Code: @charset "utf-8";
/* Layout Design */
body {
background-color: #E6E6E6;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#main {
background-color: #FFFFFF;
display: block;
width: 800px;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;
left: auto;
right: auto;
}
#headertable {
width: 100%;
text-align: center;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 13px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#footertable {
width: 100%;
text-align: right;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #000000;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 7px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.titleleft {
width: 80%;
}
.titleright {
width: 20%;
}
.align-right {
float:right; margin: 0 0 5px 5px;
}
.align-left {
float:left; margin: 0 5px 5px 0;
}
/* Text */
.h1 {
font-size: 17px;
font-weight: bold;
color: #5e89ae;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titletext {
text-align: center;
}
.contenttext {
display: inline-block;
width: 92%;
clear: both;
float: right;
right: 0px;
}
.contenttext2 {
display: inline-block;
width: 84%;
clear: both;
float: right;
right: 0px;
}
/* Links */
a {
color: #000000;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
#navmenu a {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
border: none;
height: auto;
width: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
text-align: left;
background-position: right;
font-weight: bold;
background-image: url(bullet.png);
background-repeat: no-repeat;
}
#navmenu a.navlink:link, a.navlink:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
font-weight: bold;
background-position: right;
}
#navmenu a.navlink:hover, a.navlink:active {
background-color: #E6E6E6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
font-weight: bold;
background-position: right;
}
#navmenu a.current {
background-color: #E6E6E6; !important
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
border: none;
height: auto;
width: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
text-align: left;
background-position: right;
font-weight: bold;
background-image: url(bullet.png);
background-repeat: no-repeat;
text-decoration: none;
}
And a sample page, home.php: PHP Code: <?PHP $page_Title .= ''; $page_Content .= ' <img src="images/home_image.jpg" class="align-left" alt="" /> Hello, and welcome to the launch of my new website. <br /><br /> I\'m an aspiring graphic designer and filmmaker, and you\'ll find a collection of my work here, as well as information regarding my education, work experience, and technological experience with various applications. <br /><br /> Relevant news and updates concerning myself, or my work, will be posted on this page, so keep an eye out. <br /><br /> If there\'s anything I can do for you don\'t hesistate to contact me. <br /><br /> Enjoy. <br /><br /> <strong>Posted by Curtis | November 16, 2009</strong> <br /><br /> <img src="images/home_image.jpg" class="align-left" alt="" /> Hello, and welcome to the launch of my new website. <br /><br /> I\'m an aspiring graphic designer and filmmaker, and you\'ll find a collection of my work here, as well as information regarding my education, work experience, and technological experience with various applications. <br /><br /> Relevant news and updates concerning myself, or my work, will be posted on this page, so keep an eye out. <br /><br /> If there\'s anything I can do for you don\'t hesistate to contact me. <br /><br /> Enjoy. <br /><br /> <strong>Posted by Curtis | November 16, 2009</strong> <br /><br /> <img src="images/home_image.jpg" class="align-left" alt="" /> Hello, and welcome to the launch of my new website. <br /><br /> I\'m an aspiring graphic designer and filmmaker, and you\'ll find a collection of my work here, as well as information regarding my education, work experience, and technological experience with various applications. <br /><br /> Relevant news and updates concerning myself, or my work, will be posted on this page, so keep an eye out. <br /><br /> If there\'s anything I can do for you don\'t hesistate to contact me. <br /><br /> Enjoy. <br /><br /> <strong>Posted by Curtis | November 16, 2009</strong> '; ?> If you have any ideas, or need anything else, let me know. Thanks guys. Hi, Im trying to make my footer content align correctly to the main content when a window resizes. The apdivs don't seem to want to move at all even with a relative position etc. I have tried everything but just cant get it to work can someone help please? http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5 Also some one commented before on the amount of css and JS pages. These will al be stripped out as its an Open sources system im using! Thansk alot Joe hi; i want to create something like this http://www.microsoft.com/en/us/default.aspx need to do exactly as in this site how can i do that.... ; any script (when mouse is over needs to change the iframe....) Highlights Latest releases Using your computer Hey guys, I used to know a lot about html, but then just completely stopped doing anything with websites for too long. I was just wondering how I can replace a word or number with a specified word or number. What I want to achieve: I've got a forum with a couple thousand members and it's picking up in activity and I want to make some names stand out for being helpful. I want to replace their names with an image. But to do so, it'd have to be a code made and added into the footer template. Because obviously I can't edit a username for html image code. So I just need the code to find all instances of a certain username and replace it with what I specified. ------------- Man I really wish I remembered how to do this haha. Thanks guys. How do I implement a voting system in which I put all the highest voted at the top of the list? Thanks in advance!! i need a quick way to add a commenting system to my site (you know, a way for guests to add a comment to the bottom of the page) So I had a question about the Hexidecimal system. Pertaining to web safe colors: If you define a color not websafe, their screen still shows it, right? And if it's not in their screens gamma, what does it resort to? The nearest color? can someone tell me how to create a ticket system for a gameserver/webhosting site.i have been serching google all day and cant really find anything about it. hopefully someone can help me and even with a site that i can read about it. thanks, James Bond Hi, Dose eny one know how to make an advanced password system? My website is http://jeradio.tripod.com I only have a basic system at the moment. Thanks I want to have a Contact page in my website, and I was wondering if there was a way to include a built-in emailing system on the page so that poeple can directly send messages to me without having to type over my email adress in there own hotmail. Thanks in advance Sensen I have a maling system but it isnt work well, what do i need to config? <form id="form" action="" enctype="multipart/form-data"> <div class="row"> Skriv dit navn<br /> <input type="text" class="input" /> </div> <div class="row"> Skriv din mail<br /> <input type="text" class="input" /> </div> <div class="row"> Skriv din by<br /> <input type="text" class="input" /> </div> <div class="row1"> Skriv din meddelelse<br /> <textarea cols="1" rows="1"></textarea><br /> <div class="div"> <input type="image" src="images/clear.gif" /> <input type="image" src="images/send.gif" /><br /> </div> </div> </form> http://html.sinann.dk/index-5.html Thanks hello, I currently own a website for my local club. it shows a lot of information about the club to the world. but i want it to work in a way that, the members of the club can login into a private area of the website, from where they can access information about the clubs offers and exclusive deals for members. the administrator of the website can add users and then give the username and password to the members, which they use to login. is there a way of doing it ? Hi, I'm not sure if I've put this in the right section, but I'm looking for a method that will send an email confirmation to people who submit to my mailing list to check to see if it is actually their email address. Like when you sign up to forums and you have to click the link in the email to confirm. Has anyone got any ideas? thanks |
|||||||