|
HTML - Custom Cursor Vs. Swf Object - Swf Wins!... (boooooo!)...
Similar Tutorials*Disclaimer! I hope this makes sense to somebody! I'm self-taught in HTML so my scripts dont always work properly. In fact, I dont even know if my scripts are in the right order most of the time (for example what goes before and after HEAD/BODY, etc tags). To make things more complicated, theyre part JAVA part HTML and part CSS (is this normal?), but most of the time I can get them to work. Anyhoo, back to the question: Im having a particular problem making an animated cursor that I downloaded to work on my webpage. I downloaded it to my computer- saved it as "tp.ani" and then uploaded it to my directory, so Im assuming theres a problem with my coding somewhere? Could somebody please tell me what I'm doing wrong, I've tried everything! *Before I paste my script below- my main page is broken down into 3 frames... that means that for each frame (since each is a different page) I have to put the cursor script on every individual page correct? Instead of just on the page with the frameset script? Script for top frame: HTML Code: <HTML>
<HEAD>
<TITLE> MOSHER SERVICES LLC </TITLE>
<Script language='Javascript'>
<!--
function change(obj,nid)
{
obj.id=nid;
}
-->
</Script>
<Style type='text/css'>
<!--
body{cursor:url('tp.ani');}
#normBtn{
background-color:#DCDCDC;
color:#000000; font-family: occidental; font-size: 13pt;
border-style: solid;
border-bottom-color: #333333;
border-right-color: #555555;
border-left-color: #A9A9A9;
border-top-color: #F5F5F5
}
#btnFocus{
background img src: "water003.jpg";
color:#000000; font-family: occidental; font-size: 13pt; font-weight: bold;
border-style: solid;
border-bottom-color: #25587E;
border-right-color: #4863A0;
border-left-color: #87CEFA;
border-top-color: #FFFFFF;
cursor:hand;
}
-->
</Style>
<BODY>
<body background="waterswirllong.jpg">
<br>
<br>
<br>
<br><table border="0" width="450" align="center">
<TR><COLGROUP ALIGN="center" span="3"><td><FORM METHOD="link" ACTION="residential.html" TARGET="C">
<input type='submit' value='Residential' TITLE="Click here for a full list of the Residential
services we provide" onMouseOver='change(this,"btnFocus")'
onMouseOut='change(this,"normBtn")' id='normBtn'/>
</FORM></TD>
<TD><FORM METHOD="link" ACTION="commercial.html" TITLE="Click here for a full list of the Commercial
services we provide" TARGET="C">
<input type='submit' value='Commercial'
onMouseOver='change(this,"btnFocus")' onMouseOut='change(this,"normBtn")'
id='normBtn'/>
</FORM></TD>
<TD><FORM METHOD="link" ACTION="excavation.html" TITLE="Click here for the Excavation
services we provide"TARGET="C">
<input type='submit' value='Excavation'
onMouseOver='change(this,"btnFocus")' onMouseOut='change(this,"normBtn")'
id='normBtn'/>
</FORM></TD>
</TR>
</TABLE>
</BODY>
</HTML>
If you'd rather view the source from the actual site it's: www.mosherservices.com/main.html. I hope my question made sense to someone! Please feel free to tell me if I'm doing anything else wrong either. Thanks everyone , 'WebNovice' Kim Hello, I have following div tag where I have a need to change the mouse pointer to a "hand" when it loads. However, this works perfectly fine on IE, but does not work at all on FF. <div id="Div1" class="panel" style=" cursor: hand; margin-right:0.5%; margin-bottom:0.5%;" onclick="javascript:window.open('img_1440.html', '','width=600px,height=400px');" > Please help Thanks, Ruchir Okay say if i only want the custom made cursor to be on only one part of the page how would i do that? This is a example of my code <style type="text/css"> body { cursor: url(http://filexoom.com/files/2007/6/16/...e%20Curser.cur), auto; } A { cursor: url(http://filexoom.com/files/2007/6/16/...e%20Curser.cur), url(http://filexoom.com/files/2007/6/16/...e%20Curser.cur), auto; } </style> I don't want it to be the entire page. as you can tell im new at HTML/CSS Ok so I think I have to use JavaScript in order to achieve this but Im not sure. What I want to do is have a bunch of different pages and have the page numbers below. Kinda like the page numbers in google. I also am wondering how to make a link to go to the next page in the group or to go to the very last one and than back to the first and so on... Any help..sry if I didnt explain it the best This maybe a dumb question. I form that I use for my mailing list. I am having trouble getting the cursor to display as a text cursor over the input section and a hand cursor over the "sign up" button. Ref: http://bigdogcattle.com Here is the html code: <div class="form_contents"> <label for="email">Join our Mailing List</label> <input type="text" name="email" /> <br/><br/> <input type="submit" value="Sign Up!"/> </div> Any ideas? Thanks, Jamie Hi i have the following code: <li><a onclick="MM_openBrWindow('Contact.html','Contact','scrollbars=yes,width=650,height=500')">contact</a></li> Now when i go on that link i dont get the hand cursor, it doesnt change. (probably because i dont use 'href') But i dont want the page to chang ejust a popup with a contact form. I have tried by placing: href="index.html" (i thne get the hand cursor) but then it will not only open the popup but also refreshes the page which generates traffic. How can i mak it so that i get the hand cursor and it only opens a popup with the contact form. Thnx Hello, I am wondering if something is possible.. and if it is, how I would go about accomplishing the desired result.. This is a sample page to illustrate the problem http://comp.uark.edu/~bcagnin/test/index.html Is there a way to resize the object from a link that is within the website being displayed in that very same object?? Also, I am willing to use iframe if there is a solution that can be found with that... Thanks!! Tyrick I'm using 'hide and show' frames on my site and use button images to show and hide them. I would like the cursor to change when they hover over the button to show that they are a link or will do something. At the moment the arrow stays just as it is. You can see the problem on http://www.islandcottageholidays.com Thank you in advance Oliver Hi, I had this under multimedia elements but I think it makes more sense here. when I have an embedded youtube video and forms in the same page the cursor in the forms blink fast and nasty. That happens with IE and Firefox but is ok with Opera. If you try the code below you can see how the cursor in the text area behaves. Do you have any hints how to fix that? Do you see also the problem or is it only me? Code: <html> <body> <form> First name: <input type="text" name="firstname"> </form> <object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/wreP8FMupyM&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/wreP8FMupyM&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object> </body> </html> Thanks Hi, Does anyone know how to turn keep an image input type as well as keep have the ability that when you hover over the image you have the hand cursor. In addition its using post method to go through. My goal is to do it without using the A HREF or it wont work. Currently doing: <input type="image" src="images/graphics/art" > What I want to do: <input type="image" src="images/graphics/art" onMouseOver="cursor:hand" > Thanks. Can someone tell me how I would code for a webpage to open directly into a form where the cursor just sits there flashing awaiting input form the user. just like this google page does: http://maps.google.co.uk/maps I have the webpage and the form, but just need to know hot get the cursor to go straight to the form? I am using another persons code for our band's MySpace.( With some of my own) I am trying to display the shows section and the music player. When i insert the shows section the music player always displays behind the shows section. It is displaying the music player within the limits of the shows section. How do i make the music player seperate? Here is the code for the entire site with the music and show sections bolded. Code: <i class=i>!--START CODE IN BAND MEMBERS --!</i>
<i class=i>
!-Start Div Overlay Content Block-!
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbS8=">
myspace code tutorials by Eileen</a>
!-Close 3 layers of cell/row/table. This puts our Div ONE table deep.
</i>
</td></tr></table>
</td></tr></table>
</td></tr></table>
<i class=i>!-Create and size our div. We will never close this div. It will close when the containing table closes-! </i>
<i class=i>!!! MODIFY width to the SAME width as your core image !!!</i>
<div class="myCoreDiv" style="position:relative; top:0px; width:799px; height:auto; border:2px green solid;">
<i class=i> when DONE editing CHANGE the border:2px to border:0px or change the magenta to the color you want your border.----!</i>
<i class=i> !----START CUSTOM CONTENT BLOCK 1----!</i>
<img src=http://i42.tinypic.com/16iz2j5.jpg>
<img class="grid" src="http://i11.tinypic.com/4pczehk.gif" style="position:absolute; top:0px; left:0px;">
<span class="off">!-START COMMENT FORM-!</span>
<div class="myCommentFormD">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="445328869" type="hidden"/>
<textarea name="f_comments" class="myFormBox"></textarea>
<center>
<input type="submit" value="Post Comment" class="myPostCommentButton"/>
<input type="reset" value="Clear" class="myClearButton"/>
</center>
</form>
</div>
<span class="off">!-END COMMENT FORM-!</span>
<i class=i> !----END CUSTOM CONTENT BLOCK 1----!</i>
<i class=i>!-Open 3 layers of table/row/cell-!</i>
<i class=i>!-IF do NOT want any content from my Right side, I can use i instead of L1-!</i>
<table class="L1" ><tr><td>
<i class=i>!-The below class i hides the remainder of the general table-!</i>
<table class="i"><tr><td>
<table class="i"><tr><td>
<style>.i {display:none}</style>
<i class=i>END CODE IN BAND MEMBERS</i>
<i class=i>!START code in Influences !</i>
<i class=i>!START Style Block For Hiding Elements on Band Page!
<a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLWhpZGUtYWxs">MySpace Band Hide Everything</a>
</i>
<style>
.i, div.clearfix i i i {display:none}
{! fix a centering problem, and clear white space caused by clear gifs !}
td {width:auto;}
table td img {display:none;}
{! restore any images displayed inside our div. You may want to use block instead of inline for some images. !}
table td div.myCoreDiv img, table td div.myCoreDiv table td img,
table td div.myCoreDiv div img {display:inline;}
{!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!}
div table td a.navbar img {display:block;}
{! removes most content and the space it occupied !}
table table table {display:none}
{! minimize the remaining main page content that can not be removed without effecting the ad and menus !}
table table td { height:0px; margin:0px; padding:0px;}
{! restore my div. !}
table div.myCoreDiv {display:block;}
{! restore div with Comments !}
table div.myCoreDiv div.myDclassFC {display:block;}
table div.myCoreDiv div {display:block;}
table table br {display:none;}
table table table br {display:block;}
{! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !}
{! does not work in Safari !}
table div br {line-height:4px;}
{! reverse effect on custom div !}
table div.myCoreDiv br {line-height:11px;}
{! remove default background coloring !}
table table, tr, td {background-color:transparent !important}
{! ONLY if you want to remove the blue behind the ad banner AND the maroon !}
div.profileWidth table, div.profileWidth td {background-color:transparent !important}
div table {border-bottom:none !important;}
{! ADDITIONAL STYLE BLOCKS CAN GO HERE !}
<style>
{!- shows -!}
table table td.text div {position:absolute; width:440px; height:130px; overflow:scroll; overflow-x:hidden; top:30px; left:415px;}
{!- UnDo effect on Div in Friend and Comment spaces -!}
table table td.text table div {position:static; height:auto; overflow:hidden}
table table td.text div.commentlinks {display:none;}
table table td.text div table {display:block}
{!-fix column width of shows-!}
{!-set below px width to the width of your shows space-!}
table table td.text div table td, table table td.text div table {width:425px;}
table table td.text div table table {width:100% !important}
{!-adjust below value as needed-!}
table table td.text div table table table {width:40% !important}
</style>
<style>
{!-music player-!}
table table td.text div object {position:absolute !important; top:196px !important; left:100px}
table table td.text div object object {position:static !important;}
</style>
First of all, I don't know what the thing is called that blinks inside a textarea. So if you could tell me what the name of that is, that'll be great. I'll called it a cursor for now. Here's the problem. Let's say I had a simple textarea with some values already filled in. Ex: Code: <textarea name="input1" rows="15" cols="75"> <!-- Cursor should go here --> ----- Original Message ----- From: blah To: Blah Date: Blah Blah Some Random Text </textarea> So, whenever a page loads, I need the "cursor" to be automatically at the beginning of the textarea (where "<!-- Cursor should go here -->" is). How would I go about doing that either in just HTML or Javascript? 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! hey guys, just wondering if you could help me to know if this is possible and the way it is achieved... i have a contact form made up in photoshop that i want to work on the web. heres a preview... any help would be very much appreciated. Hi everyone, I really don't know much about this topic, so I'd like some advice. I need to add some scrollbars to an iframe. They can be anything except the OS's scrollbars. As long as I can change the color or the shape or something to customize them that is great. Also, I read that this can only be done on IE. Is it possible to do it on other browsers. I also heard that it is possible through Flash? Does anyone know how I can do this? Thanks Introduction: I am using an affiliate marketing program for Joomla!/Virtuemart called iDevaffiliate. It essentially tracks the sales of an affiliate, and you can set up commisions and pay them monthly. The techneque iDevAffiliate uses to get this done is much like a lot of other online affiliate programs I've seen. An affiliate get's his/her own special link to our store that they can direct their traffic through. They can put the link on their website, give it to a customer, or just hand it out. This is a good way, but I needed something a bit different. What I need: iDevAffiliate gives the affiliates their own special link. This link is the same for all affiliates, with the exception of the last 3 charachters which happen to be numbers. I want to create a page with 1 small form field in the center where a customer can come, type in those three digits, and the rest of the link would automatically be added upon submission. So, I need a form that has the capability to take what's typed into a the field, and add the remaining part of a link, then take them to it. Any Suggestions? Jeremy Im not too sure where this should go or how feaable this is to do but ill try. Ive used a custom font called "Bauer". Obviously everyone doesnt have this font and ive heard it is possible to upload the font and have it auto download to the fonts folder. Is this possible and if so how is the best way to do this? Hi, It's the first time I'm using custom fonts on a site, wondering why these rows don't work in Internet Explorer? HTML Code: @font-face {
font-family: Myriad Pro;
src: url(fonts/MyriadPro-Regular.otf) format("truetype");
}
@font-face{
font-family: Giddyup Std;
src: url(fonts/GiddyupStd.otf) format("truetype");
}
@font-face{
font-family: Orator Std;
src: url(fonts/OratorStd.otf) format("truetype");
}
|
|||||||