|
HTML - Html Event Quote Problem?
Hi. I need to pass a string containing an html image tag to javascript, in onclick event of an image. But the string has also events that send string to javascript. So when the inner string has an ' to send a string parameter, the outer string closes. I know i couldn't explain it clearly, but it is easy to understand in code:
Code: <img src="images/iconified_image.gif" onclick='testClick("<IMAGE src=\"photos/default.jpg\" style=\"width:;height:;\" id=\"imId\" class=\"ClassImage\" border=\"\" alt=\"\" onmouseout=\"\" onmousedown=\"\" ondblclick=\"\" onmouseup=\"\" onblur=\"\" onmouseover=\"\" onclick=\"alert('hi')\" onfocus=\"\" ></IMAGE> ")'></img>
the bold single quotes limit the string. I' ve tried yo use escape chars as \' but it didn't help. How can I fix this? Any help will be appreciated. Thank you Similar TutorialsHi, I am kinda new to html and need some help. I need to create an event (mouse click) on top of a flash file. The flash file is in a table, when an area on the flash file is clicked, I need to be able to use that click and fire off certain events. Hope this makes sense and that someone can help me. Thanks Hi: I have a videos embed in a html page like the code below. <EMBED TYPE="application/x-mplayer2" SRC="videos/bienvenido.avi" NAME="MediaPlayer" WIDTH="190" HEIGHT="190" ShowControls="1" ShowStatusBar="1" ShowDisplay="0" autostart="1" align="right"> </EMBED> Is there a way I can figure out when a user has clicked on the play of the video or when the video has been played until the end ? ( In html / javascript or php may be ) Thanks, Michael. Hi All... In my application i'm using menu... when i click the menu item particular page will load in the center Frame. Problem is it takes bit time... now i want to show a masking (message to let the users know that page is loading) ( As showing in the Image ) how to do this in Html or in Javascript Thank you........ hi, i want to add a multi quote button on phpbb2 forum using only the template files so it would be in viewtopic_body.tpl could anyone tell me how i can add this using html or javascript code: there is different ways of doing 1 way: there will be a checkbox for each post, you select the checkbox for each post you want to quote, then at the bottom a button called "quote selected" and it will quote all the selected posts in the quick reply box second way: you highlight the text from a post that you want to quote, then you click the button that says "quote selected" and it will quote everything you highlighted on the page. does anyone know how to do this please? what i would need to add to my template file called viewtopic_body.tpl please help me.. My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the 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" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> Hi all, Having a bit of a problem trying to verify a site with Google. Uploaded the meta tag code to the index.html page of our site via an FTP server, however when I view the site, it doesn't interpret the html as html, it just shows me the code. The coding that I put in the index.html file is the standard google meta tag verification code: <html> <head> <meta name="google-site-verification" content="iQ3ySqJZaIc0njNiOJyDq1OnskxGqraQvuGKaNAGlbY" /> <title> My title </title> </head> <body> page contents </body> </html> Any ideas why it isn't interpreting it as HTML? I can't verify by the other method because of some issues with forwarding. Any help would be much appreciated! Thanks, Joel Help please, I am making a website, and i have a problem. I have a page that when opened in Safari and when you try to open it on firefox it doesnt work and comes up with: ��<�h�t�m�l�>� � �<�h�e�a�d�>� � �<�t�i�t�l�e�>�P�l�a�n�e� �C�o�l�o�u�r�i�n�g� �I�n�d�e�x�<�/�t�i�t�l�e�>� � �<�m�e�t�a� �h�t�t�p�-�e�q�u�i�v�=�"�C�o�n�t�e�n�t�-�T�y�p�e�"� ... It is based on another page I have made, which works fine but this one seems to not want to i'm trying to build a web page using HTML but i'm trying to put pics on it but i dont know how to, can some1 tell me what to do? also can you have a look at my page and tell me if i need to do more to it please and how to do it. coz i feel it looks abit dull many thanks :) http://uk.geocities.com/leighton24@btopenworld.com/ Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. I can't get the height of the outer box to fit tight around the smaller ones. It does in Safari but not in most browsers. <html> <body> <table border=1 width=634><td valign=top align=left><form><select id=ctAdmin ><option>Administrative Postings</option><option>Flick Two-to come</option><option>Flick Three-to come</td><td valign=top align=right><form><select id=ctFMA><option>Members Postings</option><option>Flick Two-to come</option><option>Flick Three & Four-to come</option></select></form>"); </body> </html> I know I have asked for help with problem before but I didn't get it sorted. The problem is the table stretches out for some reason.This only happens in Firefox 2.0. Screen shot: http://i111.photobucket.com/albums/n...Untitled-2.jpg I have attached some of the e portfolio to this thread, Thank you So, I'm working on my Myspace, and I decided to use a div overlay to make my own design in photoshop and export it so that I can have my own custom design. I had a friend help me with the div overlay part and I used this as the div overlay.. Code: <style type="text/css">
.cover{
position: absolute;
background-color: rgb(255,255,255);
top: 160px;
left: 50%;
margin-left: -400px;
width: 800px;
height: 900px;
z-index: 2;
padding: 0px;
border-width: 0px;
border-color: rgb(0,0,0)
}
</style>
<div class="cover"></div>
<div style="position:relative; height: 400px; overflow: hidden; border: 0px"><table><tr><td><table><tr><td>
And with that, my entire profile was covered. So I designed my layout in photoshop, and saved it as a flattened image, and used "hotspots" on dreamweaver to link it. That was the only way I could think of to code it. The code works perfect, and the design looks great, but the problem is that it gets covered by the div overlay and gets placed in such a way that it moves the layout and some of the myspace features start showing in the background again. I can supply the source code of my myspace with the layout on it and div overlay. Any help in this matter is extremely appreciated. Thankyou very much guys. Can some one please take a look at this and help me get the images to line up as they should!!! http://www.ardmoreweatherlive.com/wx3.php code: <!-- ##### Main Copy ##### --> <br> <font face="verdana,arial" size="3"><center>Click on radar image for full size</center></font> <br> <center> <TABLE BORDER> <TR ALIGN=CENTER> <TH>Base Reflectivity<br><a href="/wx16.html"><img src="/resize-radar-image.php"></img></a></TH> <TH>Echo Tops<br><a href="/wx17.html""><img src="/resize-et-image.php"></img></a></TH> </TR> </TABLE> </center> <center> <TABLE BORDER> <TR ALIGN=CENTER> <TH>Base Velocity<br><a href="/wx18.html"><img src="/resize-bv1-image.php"></img></a></TH> <TH>Relative Velocity<br><a href="/wx19.html"><img src="/resize-srv1-image.php"></img></a></TH> </TR> </TABLE> </center> <br> </div> <!-- ##### Footer ##### --> Thanks again for the help,Doug I think this is a CSS issue so I posted in the CSS section. Hi, I have a website which runs primarily on html, but I call some dynamic content using <?php include 'list.php' ?> inside the body tag of index.html. <html> .... <body> .... <?php include 'list.php' ; ?> ... </body> </html> The domain is redirected to public_html/myproject (index.html and list.php is present here). Now only the html shows up. The php content is not included. (the list does not show up, works fine in local machine) How do I include php on html files? What changes should I make? 1. I tried adding a .htaccess in the myproject folder with the content AddType application/x-httpd-php5 .html .php AddHandler application/x-httpd-php5 .html But it throws a 500 error. 2. Should I make any changes to php.ini file? [ There is no php.ini file in the sub directory as of now. Is it required? ] 3. I also tried adding a apache handler in the bluehost control panel, but in vain. Desperately in need of a solution. Appreciate any quick response, Thanks http://boosterbath.com Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. hi frds, am speck. am working in software company n write now am working on frames related site. as i dont have much knowledge abt html frames. as this website previously using three frames layout. but as per the instruction i make it two frame index page n while doing this ,i made column n row size to zero for frame that i want to removed. after doing this this website can view perfectly on fire fox but cant see properly on ie. as i dont know abt frame that much i want ur help in this matter. am sending u index page coding . plzzzz help me as i am need !!!!!!!!!! -------------------------------------------------------------- INDEX PAGE --------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <head> <title>Konkan Railway Corporation Ltd</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <frameset rows="*" frameborder="NO" border="0" framespacing="0"> <frameset cols="0,*" frameborder="NO" border="0" framespacing="0"> <frame src="onenew.htm" name="leftFrame" scrolling="no" noresize> <frameset id="fset" rows="110,*" framespacing="0" frameborder="NO" border="0"> <frameset id="fset" cols="*" framespacing="0" frameborder="NO" border="0"> <frame id="frm1" name="frm1" src="two.html" scrolling="NO" noresize> </frameset> <frameset id="fset" cols="*" framespacing="0" frameborder="NO" border="0"> <frame id="frm2" name="frm2" src="threenew.html" scrolling="auto" target="_self"> </frameset> </frameset> </frameset> </frameset> <noframes><body> </body></noframes> </html> Hi Beginner! I need to embedd data from a xml-file into a html-page. The xml is he http://www.jornemark.nu/temperatur/last.xml (containing temperature loggs) If I put the following code into a html-page my plan is for the data from the xml-file to be presented in a neet little table: Code: <xml id="logtemp" src="http://www.jornemark.nu/temperatur/last.xml"></xml> <table border="1" datasrc="#logtemp"> <tr> <td><span datafld="NAME"></span></td> <td><span datafld="VALUE"></span></td> <td><span datafld="DATE"></span></td> <td><span datafld="TIME"></span></td> </tr> </table> I mess up somewhere along the way. Where? I have no possibiltiy of changing contents of the xml-file. Also, will this work/look the same in both IE and Firefox? |
|||||||