HTML - Fuzzy Type

Hey there,

Could anyone please explain why it tells me that it is not a valid doc type, Well that is what it says here
http://validator.w3.org/check?verbos...iplayer.com%2F

The actual site is http://www.online-multiplayer.com

Thanks in advance for any help.

This is what I have in mind, only I would like it a bit better looking

http://www.dynamicdrive.com/dynamici...lide/index.htm

So basically, a menu thats hidden until you hover over the small part thats visible - then it slides out.


Is it possible to do in jquery or mootools or similar ? I cant code myself so some tutorial would be helpful.

Thanks in advance

I have the following tables coded in an e-mail which I send to new contacts to invite them to subscribe to our information network - there is more to the message but the rest seems to be working fine.

When a contact receives the message and is just reading it, she or he can check the selections or the button to select the information category or the method of communication, but when she or he replies to or forwards the e-mail the selections disappear. Is there a way to retain the selections on the reply or forward? I also need this functionality for other e-mail requests.

Any suggestions would be gratefully received.

Please note: I am very much a novice and have inherited a lot of documents etc from my predecessor, i.e. the original e-mail is not of my own creation but one that I am attempting to modify to do what I need it to do.

<TABLE class=resultscolor1>
<TBODY>
<FORM>
<TR>
<TD colSpan=5><BR>
<DIV class=inputlabel1><FONT style="FONT-SIZE: 12pt; FONT-FAMILY: 'Times New Roman'" color=#0000ff size=4><B>Which of the following notices would you like to receive from GFTC? (Click to check a category; please select all that apply.) <BR></DIV></B></FONT>
<TR>
<TD vAlign=top><INPUT type=checkbox></TD>
<TD><STRONG>Upcoming Courses &amp; Events</STRONG></TD></TR>
<TR>
<TD vAlign=top><INPUT type=checkbox></TD>
<TD><STRONG>GFTC Newsletter</STRONG> (Email editions in March &amp; September. Print editions in June &amp; December)</TD></TR>
<TR>
<TD vAlign=top><INPUT type=checkbox></TD>
<TD><STRONG>Innovation Seminar Notices</STRONG> (events held for Members only; occasionally attendance is offered to Non-Members also; GFTC reserves the right to determine membership status)</TD></TR>
<TR>
<TD vAlign=top><INPUT type=checkbox></TD>
<TD><STRONG>Industry Alerts</STRONG></TD></TR></FORM></TBODY></TABLE><TD colspan="5"><BR>How would you prefer to receive GFTC information updates? (Please select one.)<BR><BR>
<DIV></DIV>
<TABLE>
<FORM>
<TBODY>
<TR>
<TD><INPUT type=radio value="Email, Post" name=key4> </FONT>Email &amp; Post<BR><INPUT type=radio value=Email name=key4> Email Only<BR><INPUT type=radio value="Fax, Post" name=key4> Fax &amp; Post<BR><INPUT type=radio value=Fax name=key4> Fax Only<BR><INPUT type=radio value=Post name=key4> Post Only</TD></FORM></TR>
</TBODY>
</TABLE>

How would I make a search-type form that would insert what the user typed in a text box into a web address and go to that address? (for example, if they type 'help' and click the submit button, it would go to the page "http://www.websitename.com/help.html") I know the general form code, but I can't figure out if I would use a tag in the 'onSubmit' portion, or use javascript, or something else altogether.

Hello, I'm new to html andscripting etc.... I'm trying to create a game online that will start off as text.I'm trying to make the character creation portion of my site easy to use and figure out. I've been searching online the past few days trying to figure out how I would go about this and am at a loss as to what it is I'm specificly searching for in regards to learning more about what it is i'm trying to do.

I have found a site that has the features that would be perfect for what it is I'm looking for but do not know what this type of coding is called.

Basicly this is the site that I found with the features. http://linklost.com/occ/ .What I'm wanting to know exactly is how I would go about inputting the code for when I click on the radio buttons information and text shows up in a box next to it.Obviously no one can create this code for me, I just need to know the "type" of coding I suppose so I can go research it and try to learn it myself.

I thank you ahead of time for any help I can get in regards to what probably is a simple answer to most.

Brandon

Hi,

Using servlets and javascript. When I upload a file based on the mime type I operations are delegated from servlet.

picture.gif file's mime type is image/gif
Problem I am facing is when I remove the file extension of any file say picture.gif file to
picture mime type is application/octet-stream.

How can I detect the mime type of a file given the filestream or any other solution to this problem

Thanks.

Hey guys, I'm having trouble typing in Canvas. I tried combining the jquery keyboard (http://net.tutsplus.com/tutorials/ja...ss-and-jquery/) with the canvas in order to directly type on the canvas, but I'm having trouble doing so.

Does anyone have any suggestions? I really appreciate any help you can give me!
Below is pasted the code I have tried so far...


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Online Keyboard</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />

<style>
body {
margin: 0px;
padding: 0px;
}

#myCanvas {
border: 1px solid #9C9898;
}
</style>
<script>

window.onload = function(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");



var x = 50;
var y = 50;
context.font = "12pt Calibri";
//context.fillStyle = "orange"; // text color
context.fillText($(function(){
var $write = $('#write'),
shift = false,
capslock = false;

$('#keyboard li').click(function(){
var $this = $(this),
character = $this.html(); // If it's a lowercase letter, nothing happens to this variable

// Shift keys
if ($this.hasClass('left-shift') || $this.hasClass('right-shift')) {
$('.letter').toggleClass('uppercase');
$('.symbol span').toggle();

shift = (shift === true) ? false : true;
capslock = false;
return false;
}

// Caps lock
if ($this.hasClass('capslock')) {
$('.letter').toggleClass('uppercase');
capslock = true;
return false;
}

// Delete
if ($this.hasClass('delete')) {
var html = $write.html();

$write.html(html.substr(0, html.length - 1));
return false;
}

// Special characters
if ($this.hasClass('symbol')) character = $('span:visible', $this).html();
if ($this.hasClass('space')) character = ' ';
if ($this.hasClass('tab')) character = "\t";
if ($this.hasClass('return')) character = "\n";

// Uppercase letter
if ($this.hasClass('uppercase')) character = character.toUpperCase();

// Remove shift once a key is clicked.
if (shift === true) {
$('.symbol span').toggle();
if (capslock === false) $('.letter').toggleClass('uppercase');

shift = false;
}

// Add the character
$write.html($write.html() + character);
});
});
, x, y);


};
</script>
</head>
<body>

<body onmousedown="return false;">
<canvas id="myCanvas" width="578" height="200">
</canvas>

<div id="container">
<textarea id="write" rows="6" cols="60"></textarea>
<ul id="keyboard">
<li class="symbol"><span class="off">`</span><span class="on">~</span></li>
<li class="symbol"><span class="off">1</span><span class="on">!</span></li>
<li class="symbol"><span class="off">2</span><span class="on">@</span></li>
<li class="symbol"><span class="off">3</span><span class="on">#</span></li>
<li class="symbol"><span class="off">4</span><span class="on">$</span></li>
<li class="symbol"><span class="off">5</span><span class="on">%</span></li>
<li class="symbol"><span class="off">6</span><span class="on">^</span></li>
<li class="symbol"><span class="off">7</span><span class="on">&amp;</span></li>
<li class="symbol"><span class="off">8</span><span class="on">*</span></li>
<li class="symbol"><span class="off">9</span><span class="on">(</span></li>
<li class="symbol"><span class="off">0</span><span class="on">)</span></li>
<li class="symbol"><span class="off">-</span><span class="on">_</span></li>
<li class="symbol"><span class="off">=</span><span class="on">+</span></li>
<li class="delete lastitem">delete</li>
<li class="tab">tab</li>
<li class="letter">q</li>
<li class="letter">w</li>
<li class="letter">e</li>
<li class="letter">r</li>
<li class="letter">t</li>
<li class="letter">y</li>
<li class="letter">u</li>
<li class="letter">i</li>
<li class="letter">o</li>
<li class="letter">p</li>
<li class="symbol"><span class="off">[</span><span class="on">{</span></li>
<li class="symbol"><span class="off">]</span><span class="on">}</span></li>
<li class="symbol lastitem"><span class="off">\</span><span class="on">|</span></li>
<li class="capslock">caps lock</li>
<li class="letter">a</li>
<li class="letter">s</li>
<li class="letter">d</li>
<li class="letter">f</li>
<li class="letter">g</li>
<li class="letter">h</li>
<li class="letter">j</li>
<li class="letter">k</li>
<li class="letter">l</li>
<li class="symbol"><span class="off">;</span><span class="on">:</span></li>
<li class="symbol"><span class="off">'</span><span class="on">&quot;</span></li>
<li class="return lastitem">return</li>
<li class="left-shift">shift</li>
<li class="letter">z</li>
<li class="letter">x</li>
<li class="letter">c</li>
<li class="letter">v</li>
<li class="letter">b</li>
<li class="letter">n</li>
<li class="letter">m</li>
<li class="symbol"><span class="off">,</span><span class="on">&lt;</span></li>
<li class="symbol"><span class="off">.</span><span class="on">&gt;</span></li>
<li class="symbol"><span class="off">/</span><span class="on">?</span></li>
<li class="right-shift lastitem">shift</li>
<li class="space lastitem">&nbsp;</li>
</ul>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/keyboard.js"></script>
</body>
</html>

Hi, i've been banging my head against the wall trying to find a solution, and have eventually given in..!

I'm creating an html email that has an image in it. Easy
When that email is received and the user prints, it replaces the image with another more print friendly version. Easy using media:print in a style.

However, when the user then replies to the email, all of the <style> in the <head> is wiped and the large un-printer friendly image remains. The only solution would be to put all styles inline within the <body>.

So the question..! Any ideas how to replicate this process only coding within the body?

thanks, J

I inherited a HTML/PHP project which was a written in hurry and now I am trying to put in some editing and other confirmations.
A type=reset was added to the screen and there is 2 option lists. When the form is first load only 1 list is displayed. Then the user makes the selection and depending on the selection the second list would display or not. On the reset option would like to hidden the 2nd selection but seems I can not get the right coding. I have tried onclick on the <input but no luck. There is a onSubmit on the <form which calls some validation checking. Tried put the call to function to hide the option list but no luck. Of course, I probably did not have the coding correct.
How can I hide the 2nd option list on reset.

Hi,

Web newbie here. I am trying to add a "verse of the day" module to one of my websites. It is loaded into an iframe, but I am getting markup validation erros because I am using the strict doc type. Any ideas?

http://bigdogcattle.com/test/

Thanks
Jamie
http://bigdogcattle.com

Hi,

I have got an anonymous emailer service but i want to change the input type into a drop down menu,

How can I do this

Here is my Code:
Code:

<!--Email Sender-->

<h3>Your Email</h3>

Select your email address from the list, Enter Subject, Then enter your text (use the additional header if you want).

<div style="display: block; width: 1px; height: 10px;"><spacer type="block" width="1" height="10"></div>

<form method=post action="https://riot.eu.org/cgi/remailer.cgi">

<label for="to" accesskey="r"></label>

E-mail address:<br>

<input TYPE="text" SIZE="20" NAME="to" id="to" MAXLENGTH="60">

<div style="display: block; width: 1px; height: 4px;"><spacer type="block" width="1" height="4"></div>

Subject:<br>

<input TYPE="text" SIZE="20" NAME="subject" MAXLENGTH="60">

<div style="display: block; width: 1px; height: 4px;"><spacer type="block" width="1" height="4"></div>

Additional header (CC:,Bcc:,Newsgroup:..):<br>

<textarea name="header" rows=3 cols=30></textarea>

<div style="display: block; width: 1px; height: 4px;"><spacer type="block" width="1" height="4"></div>

Message Text:<br>

<textarea name="message" rows=10 cols=30 wrap=virtual></textarea>



<div style="display: block; width: 1px; height: 6px;"><spacer type="block" width="1" height="6"></div>

<div style="display: block; width: 1px; height: 8px;"><spacer type="block" width="1" height="8"></div>

<input type="submit" value="Send" class="button">

</form>

<div style="display: block; width: 1px; height: 20px;"><spacer type="block" width="1" height="20"></div>

<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td background="i/hr.gif"><div style="display: block; width: 1px; height: 1px;"><spacer type="block" width="1" height="1"></div></td></tr></table>

<!--end Email Sender-->

Thanks

Is this the correct code for setting an h1 tag to a specific color, bold, and centered, in an HTML4.01 transitional document?

<style type="text/css">
<!-- h1 {color: #ffffff;font-weight: bold;text-align: center}--></style>

Some HTML testing programs make this note:

empty container element <STYLE>.

I'm not sure what this means or how it applies.

Hi,

I am writing a Perl function that needs to be able to display some simple text and two png images. I would like to be able to display them all in a row so that the text fields are in the left "column", the png's are in the middle and right "columns" and, finally, there is an input field next to the rightmost png.

I've Googled everything I could think of and nothing seems to do the trick. In particular the png images need to be displayed using the HTML equivalent of the following Perl code:

Code:

print "Content-type: image/png\n\n";
print $wordPNG;

and I haven't been able to figure out how to get more than one of these statements into the html.

In a pinch I would be happy to display the three groups vertically as long as I can get an input field next to the last png.

Any advice is appreciated.

Regards.

Hi, I'm novice in webpage creating, and i have this kind of problem :
I'm creating a webpage, where users could post some kind of a comment... I don't know did i choose rigth, but i'm using
"input type="text" ...> users write there a comment, and press submit button. This comment is sent to mysql database and saved there, after submiting it. Next step is placing it in a webpage.
It works, but ot that way as i want.
A problem is : I've added a code like <input type="text" style="650px; height:150px" name="msg">
Input area is about height of 7-8 rows. I want that it worked like this : user types a text, and when it reaches the end of a line, cursor jumpt to the beneath row. Now, user is writing everything in one row, and when it reaches the end - scrollbar apear on the bottom. I would like that scrollbar would apear then, when user reaches the bottom of the input area.
Moreover - i would like that user could press the ENTER button, to jump to next row. Now, when he does this - submit button is activated, and a written text is sent to the database.
Should i use CSS? or ... i'm really green here, and don't know what to do ..
hope anypne will answer to my SOS call