HTML - Stop Html Escape Characters
Hi All,
I have a really irritating problem. I have written some code in HTML, and bits of it use the left square bracket, ( [ ). When I paste it into an online web editor, and upload I go to the site and the code does not work properly. I look at the source code and the web editor automatically changed the left square bracket to the HTML escape character equivalent [. Is there something I can put in the code to stop this from happening? I have no control over the web editor and even if I go into the web editor and replace [ with [, upload and refresh the same issue happens! Similar TutorialsHi, I try to display my string "as is" in HTML page. I know the solution is escape characters. I know I can use a couple of pairs, like this Code: strResult = ReplaceCharacters(strSource, chr(38), "&") strResult = ReplaceCharacters(strSource, chr(60), "<") strResult = ReplaceCharacters(strSource, chr(62), ">") strResult = ReplaceCharacters(strSource, chr(10), "<br />") strResult = ReplaceCharacters(strSource, chr(34), """) strResult = ReplaceCharacters(strSource, chr(160), " ") which should be pretty easy to understand, just replaces characters with HTML escape characters. How about replacing a tab (chr(11)) with HTML code? Is there any escape character for that? Is there some others that I should add to my code? Hi there!! Please I need help. I am embeding videos to mu blog, but are videos from a TV station so I took the code but is strange I can't make them stop. My users start to be upset about it. <p align="left"><script type="text/javascript"></script> <div id="flashcontent" style="width: 570px; text-align: center;"><script src="http://v.cctv.com/playcfg/js/common.js" type="text/javascript"></script> <object id="flvEmbed" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="360" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowScriptAccess" value="always" /><param name="wmode" value="window" /><param name="flashvars" value="id=/2009/2009/09/01/yingshikantaixi_h264418000nero_aac32_20090901_1251767366337&site=http://v.cctv.com&method=http&share=1" /><param name="src" value="http://v.cctv.com/playcfg/CCTVvideoplayer.swf" /><param name="allowfullscreen" value="true" /><embed id="flvEmbed" type="application/x-shockwave-flash" width="480" height="360" src="http://v.cctv.com/playcfg/CCTVvideoplayer.swf" allowfullscreen="true" flashvars="id=/2009/2009/09/01/yingshikantaixi_h264418000nero_aac32_20090901_1251767366337&site=http://v.cctv.com&method=http&share=1" wmode="window" allowscriptaccess="always"></embed></object> I will appreciate your help. thanks! Hi, I'm taking website design at school, and for our final mark we have to design a full website with Dreamweaver cs3. Now i'm stuck on one thing that i cant solve , so please help me out. How do I stop this image (background) from repeating??? Without using CSS & with CSS I've uploaded the site that I'm working on at http://www.bhsolutions.org and here is the code; HTML Code: <!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>Sadmir's Website | Home</title> <script type="text/javascript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <style type="text/css"> <!-- .style1 { font-size: 30px; font-weight: bold; } .style3 { color: #CC0000; font-size: 18px; } .style4 {color: #3D3C2C} .style6 {font-size: 12px} #apDiv1 { position:absolute; width:316px; height:208px; z-index:1; left: 184px; top: 705px; } body { background-repeat: repeat; } --> </style> </head> <body background="images/resource/background.png" onload="MM_preloadImages('images/navigation/servicesd2.gif')"> <table width="794" height="1089" border="0" align="center" cellpadding="1" cellspacing="1" background="images/resource/background.png"> <tr> <td width="251" height="67" bgcolor="#FCFAE6"><a href="index.html"><img src="images/logo.gif" alt="Sadmir's Website" width="204" height="57" border="0" longdesc="index.html" /></a></td> <td width="98" bgcolor="#FCFAE6">Link A</td> <td width="66" bgcolor="#FCFAE6">Link B</td> <td width="114" bgcolor="#FCFAE6">Link C</td> <td width="210" bgcolor="#FCFAE6">Link D</td> <td width="36" bgcolor="#FCFAE6"> </td> </tr> <tr> <td height="21" colspan="6" bgcolor="#DBD8C6"><marquee scrolldelay="125" width="100%"> <span class="style6"><font color="#800517" >Welcome to Sadmir's Website</span> </marquee> </td> </tr> <tr> <td height="59" valign="top"><a href="services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Services','','images/navigation/servicesd2.gif',1)"><img src="images/navigation/services.gif" alt="Services" name="Services" width="240" height="65" border="0" id="Services" /></a></td> <td colspan="5" rowspan="3" valign="top"><img src="images/header-img.jpg" width="525" height="238" /></td> </tr> <tr> <td height="66">link 2</td> </tr> <tr> <td height="103">Link 3</td> </tr> <tr> <td height="260" colspan="6" background="images/bodybg.gif" bgcolor="#BEE4FF"><blockquote> <blockquote> <blockquote> <p align="left" valign="top"><span class="style1">Welcome to</span></p> <p><span class="redtext style3">Sadmir's Unique Web Solutions.</span></p> <p align="left" class="style4">Whether you need a static, dynamic web page or a E-Commerce website for your small business, or just want a personal blog or forums website with design that moves at an affordable price, then Sadmir's Unique Web Solutions is the right place for you.</p> </blockquote> </blockquote> </blockquote> <p> </p> </blockquote> <div align="center"></div></td> </tr> <tr> <td height="20" colspan="6"> </td> </tr> <tr> <td height="59" colspan="3" background="images/bodysmall.gif"><blockquote> <div align="center"><strong>Text</strong></div> </blockquote></td> <td colspan="3" background="images/bodysmall.gif"><div align="center"><strong>Text</strong></div></td> </tr> <tr> <td height="259" colspan="3" background="images/bodyleft.gif" valign="top"><p> </p> <blockquote> <p><strong>How do I stop this image (background) from</strong></p> <p><strong> repeating???</strong> ------------------------------------------->></p> <p> </p> <p>Without using CSS & with CSS</p> <p>Thank you</p> </blockquote> <p> </p></td> <td colspan="3" background="images/bodyleft.gif" valign="top"><p> </p> <blockquote> <p><strong>Text</strong></p> <ul> <li>Text</li> <li>Text</li> <li>Text</li> <li>Text</li> </ul> </blockquote> </td> </tr> <tr> <td height="20" colspan="6"> </td> </tr> <tr> <td height="133" colspan="6" background="images/footerbg.gif" bgcolor="#FCFAE6"><div align="center">Footer</div></td> </tr> </table> </body> </html> Thank you Greetings, If you access the following website http://www.chrisnieratko.com/ in IE / Firefox, you can view the site perfectly. However, with Chrome / Safari, you can't. You just see a bunch of code with ascii question marks. I know it's missing the doctype declaration, but is it the question marks that make it not visible for those browsers? (Chrome / Safari) When the site's pages are opened in notepad, textpad and notepad++, the question marks aren't there... so how do you eliminate them? Does anybody know of another editor that will view / edit these? Does anybody know if that's even the problem? How did they just appear out of nowhere? Most importantly; How would YOU fix this problem in the easiest way possible? (I'm guessing a certain type of text editor with a search function, then search / eliminate them and re-save the file?) Any help is MUCH appreciated! Thank you so much in advance for your time! I know all the easy ones like hearts and spades, but i want to do the really cool ones like crowns and clouds for myspace. This site has them: http://www.bigbaer.com/sidebars/entities/ but it only has the numbers and i need the words [ex. it has &1321442; instead of &blahh; ]. And myspace only accepts the word codes so can anyone either tell me how to convert the numbers into letters or give me some help on this?! -The actualy characters i want are stars and crowns Are there special characters like hearts or...whatever that can be done in html. I am using the body onload to open a new window but is it possible to check if the window is already open and if so to not refresh it as I am using it as a music player and hitting the home link starts it off again. Any suggestions and if so as much detail as possible would be greatly appreciated :-) Thanks, root. hi.. i jst noticed tht in a website its flash or its css background can be grabbed very easily. can any one suggest how to stop the grabbing of css and flas like grabbing is not possible in www.leoburnett.com so whts the technology behind tht website thanku ankit gupta i have a page with code below HTML Code: <!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" /> <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)" /> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)" /> <script src="http://www.savethedevelopers.org/say.no.to.ie.6.js"></script> <title>Untitled Document</title> </head> <body> <img src="http://www.sf4stu.com/attachments/month_0804/20080412_7374481915abcecb4439HQ4ovRdyjWnf.gif" /> </body> </html> when i test locally, i saw there is a information bar right on my IE browser how could i stop the information bar? since i trust my code is save~ I have display:inline and its adding in two drop boxes that it shouldnt. After the drop boxes it then stops the inline. Im new to css, have only been trying it for the past couple of days. The two drop down boxes are suppose to be on the left, under the links at the top. Can someone explain to me why inline stops where it does? Thanks. Oh yeah, the links under <li> I know their to the wrong address's. body { font-family:georgia,'times new roman',times,serif; color:#BD0A70; background-color:#F2F2F2; } ul.navbar { list-style-type: none; padding:0; width:32em; float:left; } ul.navbar li { display:inline; font-size:125%; background-color:#007BA7; margin:.10em; } ul.navbar a,ul.navbar a:visited { color:#ffffff; text-decoration:none; } ul.navbar a:hover { background:#00008B; } form.jump { /* position: absolute; */ float: left; } div.floatright { /* position: absolute; */ float: right; } h1 { clear:both; font-family:helvetica,geneva,arial,SunSans-Regular,sans-serif; } ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>My first styled page</title> <link rel="stylesheet" href="mystyle.css"> </head> <body> <a charset="ISO-8859-1"> <!-- Site navigation menu --> <ul class="navbar"> <li><a href="index.html">Change email</a> <li><a href="musings.html">Change Password</a> <li><a href="town.html">F.A.Q.</a> <li><a href="town.html">Contact</a> <li><a href="links.html">Log out</a> <li> </li> </ul> <form class="jump" action="/reredirect.php" align="left" method="post"> <input type ="text" name="userpage" size="17" value="Jump to user page" onFocus="this.value=''"> <img src="cooltext406694699.png" align="absbottom" onmouseover="this.src='cooltext406694699MouseOver.png';" onmouseout="this.src='cooltext406694699.png';" input type="submit" value="Submit" name="submit"></img> </form> <div class="floatright"> <script type="text/javascript"><!-- /* 234x60, created 11/22/08 */ google_ad_slot = "0343255875"; google_ad_width = 234; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <!-- Main content --> <table> <tr> <td> <form method="post" action="/redirect.php" name="event"> <select name="select" class="breakinline" onChange="this.form.submit()"> <OPTION SELECTED>Select friend <OPTION value="/users/sharon">name1 <OPTION value="/users/carrie">name2 <OPTION value="/users/capy">name3 <OPTION value="/users/charla">name4 </SELECT> </FORM> <td> <form id="myeventz" method="post" action="/changeevent.php" name="myevent"> <select name="myevent" class="tabletxt" onChange="this.form.submit()"> <OPTION SELECTED=>12/25 Christmas</option> <OPTION value="0101 Event One">01/01 Event one <OPTION value=" 0202Eventtwo">Remove this event <OPTION value=" ">Add a new event </SELECT> </FORM> </td> </tr> </table> <p>Select item's to remove</p> Hi there, I'm trying to get the pictures he http://profiles.no-nick.com/example/ To look more like this: http://profiles.no-nick.com/pictures/female/ How can I get the gap out from between them? I have a page that has links that are embedded into SWF games and the like. Is there any way to stop the DOCUMENT from allowing navigation off of the current html page. What I want to do is not allow any navigation to any other page once I am on a certain html document. thanks greg I've recently been working on my first site, which is a complete revamp of an old one. It's a 3 column design, with the central area displaying thumbnails. Here it is.. www.sevensofmacclesfield.co.uk I'm getting all sorts of problems when zooming / text enlarging on various browsers ( Ctrl +/-) - particularly the bottom right hand side, where the sidebar joins the footer It's gone live, and I've run out of ideas to sort it out - can anyone offer any advice? Any help will be invaluable! Thermos I am trying to use Javascript to stop a web page processing a search when the user hits a cancel button. In Netscape, window.stop() seems to work (in the same way as the Stop button on the browser I guess). However, this does not work in IE. Is there any other method that can be used to get the same result? Hi: Is there a way to 'stop' the <enter> key being used as a 'Submit' action ?? (I have about 25 input fields, and I wish the user to 'cycle' thru these fields with the <enter> key. Then when he 'hits' the last field, I want the focus to be set back to the 1st field. When he's ready to submit, I want him to deliberately deliberate 'click' on the Submit button) Thanks ! -Mel Smith Hello My video just keeps playing over and over! How do I stop it? Here's the coding: <table width="158" border="0" align="center" cellpadding="0" cellspacing="0"> <tr><br /><br /> <td height="126" align="center" valign="middle"><script> //<!-- AC_RunFlContentX ("src","Isokinetics.swf","quality","high","width","550","height","315","wmode","transparent","autost art","false"); //-->1 z </script></td> </tr> </table> Hello! Made this layout mostly with tables. When the window is made smaller than the width the layout was originally intended for, the cells get narrower and taller, making the background image tile itself. Is there a way to stop the tables from resizing themselves when the window is made less wide? Page is here Hello. I am currently making a website using tables. Basically I'm collecting php data feeds from an open-source CMS and feeding the data into different table cells via a php tag in each. I'm using a single background image for the whole table as I want that image to stay the same and I can't really use CSS for this. However, I cannot keep my table the same size. Of course, when my table shifts, it knocks all my data out of line and it doesn't sit right with the background image anymore. It is only about 780 pixels wide and I don't want it to resize with browsers etc, the size it is is fine to stay like that all the time. The text that is feeding into it doesn't appear to be wrapping and then just stretches the table, even though I've specified widths etc already. Any help would be much appreciated. Ta. even though I used clearInterval, it still move forever? why? How can I stop it? Code: var count = 10; function run() { x = window.setInterval("MoveRight()",10); } function MoveRight() { count += 5; document.getElementById("p2").style.left = count; <!--p2 is a index of a pragraph--> if (document.getElementById("p2").style.left == 400) { clearInterval(x); } } Thanks! Is there anyway to stop the page 'jumping to the top' when using a link like the below? <a href="#">karthi</a> .. I just want it to stay in the same position on the page & not jump to the top of the page every time a link like that is clicked. |