|
HTML - Update All Open Browsers After User Clicks On Image [was "is There A Way I Can..."]
I myself am a beginner at html, and I was wondering if someone could (if possible) make it so that when a user clicks an image, the image will change to another image and will change back when someone clicks it again?
I am looking for a way so that when a user clicks this: It turns into this: And back again when clicked again. I need this to show for all users too. So if a user on 1 computer clicks the button, it switches, and then a user on another comp sees the images clicked, and can click it to change it back to normal. Is there a way this is possible? In Javascript, PHP, or mysql? Thx Similar TutorialsI was hoping someone could clue me in as to whether or not this would be possible. I'm thinking it isn't but I need to make sure. I'd like to provide a file for people to download on my website, but when they click on the link and the download window appears I don't want them to have the option of opening it. Is it possible to only give them the option to save the file? Sounds incredibly unlikely but I gotta know. *please bear with me this is a simple problem which is sort of hard to explain* I run a very small (15 page) website for myself. The site consists of an image_list page, which is an index of 13 thumbnail images. Each thumbnail links to a single page, each page being a larger image of the respective thumbnail. These 13 individual pages are directed at the same base target window, _ximage. you can find the image_list window he http://www.winslowsmith.com/work/index.html click on any one of these thumbnail links and a new window (_ximage) will open. navigate back to the image_list and click another link, the _ximage window will reload with the new page. Pretty simple, right?, just a <base target=""> command. In safari this all looks swell, and the _ximage window, whether open or not, will always come to the foreground to load. Not the case in Firefox. My problem in Firefox is as follows: opening one of the given links in image_list will load a new window (or tab), with _ximage target, and the first time, that new window/tab with _ximage target will come to focus and be in the foreground. However, if the viewer leaves the _ximage window open, and navigates back to the image_list window and clicks another link, that link will load appropriately but the _ximage window will remain in the background. (and it works the same whether you are using windows or tabs to load your new pages). This is frustrating because it forces the viewer to click twice rather than just once to get to one of these 13 pages, and said pages are the reason people would traffic to the site. Is there any way to have the links to base (_ximage) target always load in the foreground in Firefox(even when the target window _ximage is open)? Is there code to tell the Firefox browser, hey this is an important window load it in the foreground? Is there a way to do it with anchors? any help is appreciated Hi board members I trust I have posted in the correct forum... I've just coded an excel speadsheet for all my videos. I have created hyperlinks to each file. I'm wondering if there is a switch to add to the end of the hyperlink to force the media player the open in full screen? Any help would be appreciated. Cheers, Mal Hello everyone. I'm trying to use code that will allow me to have links my guests click open in a new window of a set size. The problem I'm having is that when I use this code the cursor doesn't change to a hand when my guests mouse over the images I want them to click. I'm afraid they won't realize they are links. I found the code on a website I put together years ago, hopefully there's a better way to do this now. Please forgive me if this belongs in "Client Side Scripting" The java is as follows: Code: <script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
The code is as follows: HTML Code: <a = "#" onClick="MM_openBrWindow('p1.html','','resizable=yes,width=450,height=350')">
<img src="thumb/p1.jpg" width="50" height="50" vspace="1" hspace="1" border="0"></a>
Thank you very much! A validated my html with w3's validator. I don't know what is worng. HTML Code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
Tyilo's chat
</title>
<link rel="shortcut icon" href="chat.ico">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<base href="http://tyilo.jbusers.com/">
<style type="text/css">
body
{
background-image: url("http://tyilo.jbusers.com/back.png");
}
h1
{
color: #00FF00;
font-family: Impact;
font-size: 50px;
text-align: center;
}
h2
{
color: #00FF00;
font-family: Impact;
font-size: 35px;
text-align: center;
}
p, table
{
color: #FFFFFF;
font-family: Impact;
font-weight: bold;
font-size: 20px;
text-align: center;
}
table
{
margin-left: auto;
margin-right: auto;
}
img
{
border: none;
}
div.error
{
color: #FF0000;
}
a:link
{
color: #00FF00;
}
a:visited
{
color: #FF00FF;
}
a:active
{
color: #FF0000;
}
a:hover
{
background-color: #000000;
}
</style>
</head>
<body>
<script type="text/javascript">
if(document.URL.search(/(www)|(index.php)/i) > -1)
{
document.location = document.URL.replace("www.", "").replace("index.php", "");
}
</script>
<h2>
<a href="">
<img src="home.ico" alt="">
Home
</a>
<a href="/chat">
<img src="chat.ico" alt="">
Chat
</a>
</h2>
<hr><h1>
Tyilo's chat!
</h1>
<table>
<tr>
<th width="40%">
Login
</th>
<th width="20%">
OR
</th>
<th width="40%">
Register
</th>
</tr>
<tr>
<td>
<form action="chat/" method="POST">
<p>
<input type="hidden" name="mode" value="1">
Username:
<input type="text" name="username">
<br>
<div class='error'>No username entered!</div><br><br>
Password:
<input type="password" name="password">
<br>
<div class='error'>No password entered!</div><br><br>
<input type="submit" value="Login">
</p>
</form>
</td>
<td>
</td>
<td>
<form action="chat/" method="POST">
<p>
<input type="hidden" name="mode" value="2">
Username:
<input type="text" name="username">
<br>
<br>
Password:
<input type="password" name="password">
<br>
<br>
<input type="submit" value="Register">
</p>
</form>
</td>
</tr>
</table>
</body>
</html>
Hi everyone. I have some links to excel spreadsheets on a website I run. Is there a way I can "Grey Out" the "Open" option when the links are clicked, therefore only giving the user the option to save the file? http://www.colletts.co.uk/winter_dolomites.htm I have the above page that redirects users to my Winter Website - the HTML below isn't valid W3C does anyone know of a better and valid way to get this done? Cheers, Mas HTML Code: <META HTTP-EQUIV="Refresh" CONTENT="2.5;URL=http://www.colletts.co.uk/winter/winter_dolomites.html" /> A customer gave me a Word doc that they want turned into a printer friendly web page. I understand that there are tons of ways to do this but I really want the answer to the subject. What i'm referring to is a form that someone can print from the browser and "fill in the blanks" on the page where there are "underscores". My question is how to code those underscores. I tried manipulating the <hr> tag but it's putting way too much space in between each <hr>. I've already coded a "fill in the blank" line using <u> nbsp;</u> but that looks very messy. What do you guys/gals think? Hello, I want to load a page in a iframe, and when i do this, i want that page to be displayed not at the begining of that page, i want that page to be displayed at a "x" and "y" position specificated by me. How can i do that? Thank you. hi, i am working on <div> i have to hide some part of the table. I am not able to hide that table part can anybady tell me where is the error. Code: <html>
<head>
<script type="text/javascript">
function callme(){
document.getElementById("hid").style.visibility="visible";
}
function hideme(){
document.getElementById("hid").style.visibility="hidden";
}
</script>
</head>
<body>
<form name="myform">
<table width="100%" border="4" cellpadding="2" cellspacing="2">
<tr>
<td class="tableheader" colspan="9">TS </td>
</tr>
<div style="visibility:hidden" id="hid">
<tr>
<td width="17%" class="labeltext">Tran Code</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">Name</td>
</tr>
<tr>
<td width="17%" class="labeltext">Product Type</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">
</td>
</tr>
</div>
<tr>
<td>
</td>
</tr>
</table>
<input type="button" onclick="callme()" value="show">
<input type="button" onclick="hideme()" value="hide">
</form>
</body>
</html>
thx in Adv, Hanm. Rather than write them out i took a screenshot. So how do i get past those? Hey, I'm trying to write some code for expanding and concealing text You can see this in action at youtube when you click the (more) button to expand text. Suppose I had a heading: MyHeading and a body of text: MyTextHere How do I make it so that when you click MyHeading it makes MyTextHere (initially not visible) appear, and when you click MyHeading again, it makes MyTextHere disappear? Thanks Alot. Hi, I have a problem with validating Strict XHTML 1.0 ... The tag: "option" doesn't have an attribute: "onchange" in currently active versions.[XHTML 1.0 Strict]... Is there a way around this? Here's the code:. <select name="birth_month" onchange="form_d('yes');" size="1" style="width:8em"> <option<?php echo empty($a_birth_month)?' selected="selected"':''?> value="" onchange="form_d('yes');" >Month</option> Thanks Only another million pages to go. Hi all, I am currently working on a website using Dreamweaver CS3. Whenever I view the (currently very basic) site in Firefox I get the line of code I entered as the title of this thread at the top of the page (directly above the banner) as if I had just typed it into the canvas area (correct term?). Whenever I view it in IE it appears just fine, not sure about other browsers though. I began by creating a template and adding it to the page you see he HTML Code: http://www.geocities.com/makotronic/indexx.htm Here is the code for the template: Code: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Template for Parish Website</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Arial Narrow, Verdana, Arial, sans-serif;
}
.style5 {font-size: 14px}
-->
</style></head>
<body>
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="../Images/welcomebanner.gif" width="750" height="125" /></td>
</tr>
<tr>
<td width="160"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="590" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td valign="top"><!-- TemplateBeginEditable name="Main Body" -->Main Body<!-- TemplateEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
And for indexx.htm (I added a second 'x' because I already had a 'index.htm' file in GeoCities): Code: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!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"><!-- InstanceBegin template="/Templates/template.dwt.asp" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Welcome to the Greencastle Parish Website</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.style8 {
font-size: 36px;
font-weight: bold;
}
-->
</style>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Arial Narrow, Verdana, Arial, sans-serif;
}
.style5 {font-size: 14px}
-->
</style></head>
<body>
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="Images/welcomebanner.gif" width="750" height="125" /></td>
</tr>
<tr>
<td width="160"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="590" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><!-- InstanceBeginEditable name="Main Body" --> <span class="style8">Header</span>
<p class="style3">Main Body</p>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</body>
<!-- InstanceEnd --></html>
Cheers for any help! Niall Hi there, Using fireFox I get the desired result, but when using IE I get the image on the *left* side?! this is my code (the header is a jsp page that has an image and user's info name and last logged in)) <td width="90%" valign="top" align="right"> <tiles:insert attribute='header'/> </td> as you can see the image (header) is align to the right, but IE pushes it to the left (I wrote center - and it still keeps on pushing it to the left) any idea why?? So I'm working on some "bulk" format emails for my work, and they're just basic HTML designed pages with a few images included in the coding (<img src="www.google.com/image.jpg"></img> ...for example). My problem is, not necessarily the format or design of the email itself, but rather that every time I send the email out, whether it be gmail, yahoo, hotmail, etc, it prompts the recipient to download the images, either in full, or individually - as if they were attachments to the email itself. For example (this is what our recipients see when they recieve the email...aside from this, the email looks fine): The email displays correctly, but why does it prompt the recipient to download the images that are encoded in the message? Or better yet, why do other newsletter/bulk emails that I recieve from other companies NOT prompt me to download the individual images? What am I missing here? Thanks for the help! Can someone help here. I have tried other groups and no help. I have a web page with image buttons. This is supposed to take me to difrent web pages depending on which button is clicked. This works in Firefox and Opera but not in IE8 http://www.des-otoole.co.uk/cms/admin/pages.php Desmond. Hi All, I'm working on http://www.thesuccessleague.com/hbbtsstart.php and I'm trying to get the red text box on the left (with the picture of a woman) at the very top. I'm sure there's a cleaner way to do it (I'm not an expert at div tags yet), so I put the text box in a table and put that table in another table (as you can see in the code). What code do I have to use to anchor that red text box to the top of that left column? Do I need to use div tags? And if so, how do I anchor it to the table (and not to specific coordinates measurade against the top and left margins)> Thanks for your help! Do you know of a javascript utility that when you select a small graphic on the screen, it calls up a larger graphic in another part of the same screen (not a popup)? I'm trying to create a gallery and am not having much success. I have a current background image for my forums, but I want to add another background image that will "float" to the bottom no matter how long the page is. How would I do that? |
|||||||