HTML - A Helping Hand Please- Facebook Like/share App
Hi board members
I've been hard at this for hours and can't get it working. Following the tutorial on facebook in order to specify the image which is associated with the page in question, my daughter's blog which I coded in notepad Please be advised the facebook links are not positioned where they will finally reside on the page. I have tried the iframe method first which doesn't have image control of this, then tried html5; and then the supa dupa xfbml methods. The latter two are called open graph. However ALL three methods return the rss icon image - so frustrating. The image I want to use is within their parameters and is in my images folder on level above the root. Can you please look at my code and shed some light on this. Note all of this code has been generated by their engine - copy/paste. the lines you are interested in are 11-16; 24-31 and 62 Good luck, Mal from Cessnock Similar TutorialsUmm.. Hello.. this is my first post.. but umm... i have been doing html for a year or two now.. and i got somewhat good at it.. however i have ran into a problem, im doing a project for my family and im using frames, to dividide my entire webpage, and im using "context menu script" from dhtml, link he http://www.dynamicdrive.com/dynamici...ontextmenu.htm the menu just pretty much allows it so that when i right click anywhere on my page a custom menu will appear with links.. now... what i am trying to do is pretty much open the link in a frame that i choose, so instead of opening a new window it would open in my frame, im using my frame MAIN as an example... heres the snippet of coding that i am having problems with: <div id="ie5menu" class="skin0" onMouseover="highlightie5(event)" onMouseout="lowlightie5(event)" onClick="jumptoie5(event)" display:none> <div class="menuitems" href="http://www.google.com">google</div> <div class="menuitems" url="http://dynamicdrive.com/new.htm" target="newwin">What's New?</div> <div class="menuitems" url="http://dynamicdrive.com/hot.htm">What's Hot?</div> <div class="menuitems" url="http://wsabstract.com/cgi-bin/Ultimate.cgi">Message Forum</div> <div class="menuitems" url="http://dynamicdrive.com/faqs.htm">FAQs</div> <div class="menuitems" url="http://dynamicdrive.com/submitscript.htm">Submit</div> <hr> <div class="menuitems" url="mailto:dynamicdrive@yahoo.com">Email Us</div> </div> i change the <div class="menuitems url="http://www.google.com">google</div>(which works by the way) to <div class="menuitems url="http://www.google.com" target="main">google</div> (main is a legit name of one of my frames) however that doesnt seem to work the window still launches in a new window. i have even tried to delete the whole <div> </div> and replace it all with <a href="http://www.google.com" target="main">gogle</a> but that breaks the menu altogether and not only does the link not launch in my frame,but it doesnt launch alltogether.. i dont know what to do.. can anyone help me? I mean... I tried pretty much everything.. maybe the target="" is different in the DIV or maybe someone can even show me yet another way to modify that whole entire snippet and give me an alternative way to launch those links in a frame. thank you in advance, please help me out! Hi, Basically, I am giving away a flash game so under the actual game I have a box with html flash embed so they can add it their site etc. However I also want the html they add to have a share box, so when the game is on their site there is another share box with the html. So basically the share code, has to have the code for the game and the share code. The thing is I can't add the code to the box becuase either i'm an idiot, or its impossible. <!--flash game--> <script type="text/javascript"> /*<!--*/ var so = new SWFObject("http://www.magneticdigital.co.uk/flash/solar-uprising.swf", "flashCaptPicard", 550, 400, "7"); so.write("flashCaptPicard"); /*-->*/ </script> <!--flash game end--> <!--share box--> <div style="overflow:auto; height:100px; width:440px"> <table cellpadding="0" cellspacing="0" style="width:415px;"> <tr> <td> <!--flash game--> <script type="text/javascript"> /*<!--*/ var so = new SWFObject("http://www.magneticdigital.co.uk/flash/solar-uprising.swf", "flashCaptPicard", 550, 400, "7"); so.write("flashCaptPicard"); /*-->*/ </script> <!--flash game end--> PROBLEM: share box should go here as well, but I can't add it with out adding the share code, which in turn requires yet another version of the game code. And on and on and on. </td> </tr> </table> </div> Is this even posssible, been trying to figure it out for ages. Thanks When I share my index.html via facebook, I have some stuff into boxes like a descriptions of something, where I can change description? If any1 understand me? I want to edit and add my text by default... Sorry for maybe bad english ;/ The title sums it up pretty much! I have two DIVs, one on the left the other on the right as follows: css: Code: DIV { bottom: 0px; overflow: auto } #main { position: fixed; top: 160px; right: 30px; left: 270px; opacity: 0.9 } #lhs { position: fixed; top: 160px; left: 30px; width: 210px; opacity: 0.9 } html: Code: Some titles and stuff.... <DIV id=lhs>menu stuff..</DIV> <DIV id=main>content...</DIV> This works fine but the two scrollbars are ugly and obstruct parts of the site. I would Ideally like one scroll bar to move the entire page or, if not, at least the two DIVs. Would that be possible? Any help would be much appreciated. Hi All, I am new to html programming. I am having problem in sharing a variable between 3 html pages. I tried googling for the solution but couldn't get the right one. A brief about my problem is... 1. I have 3 html pages, 1.htm, 2.htm & 3.htm 2. I have a variable var1 in 1.htm which is set to 0. 3. 1.htm will open 2.htm and 3.htm 4. 3.htm will update the var1 variable declared in 1.htm to 1 on onunload event. 5. 2.htm will check the status of var1 for value 1, if yes it will navigate to next page. I have pasted the code below for 1.htm, 2.htm & 3.htm respectively. Can anyone please help me in this regard. Thanks in advance. Regards, tux09. ---------------------------------------------------------------- 1.htm -------- <html> <head> <title>main</title> <script type="text/javascript"> var checkPopUpClosed = 0; function delayed_redirect(){ window.open('3.htm','SaveAs','height=250,width=640,resizable=0,directions=0,location=0,toolbar=0,men ubar=0,scrollbars=0'); } </script> </head> <body ><!-- masthead --> <table border="0" cellpadding="0" cellspacing="0" summary="."> <tr><td ><h1>Main</h1></td></tr> </table> <FORM method="post" name="mainForm" ACTION="2.htm"> <table cellspacing="0" cellpadding="0" border="0" summary="." > <tr> <td class="rightContentPane"> <br><br> <div class="pad10"> <div> <INPUT type="submit" name="Back" accesskey="b" alt="Back" VALUE="< Back"> <INPUT type="submit" name="Finish" accesskey="s" alt="Save As" onclick="javascript:delayed_redirect();" VALUE="Save As"> <INPUT type="submit" name="Cancel" accesskey="c" alt="Cancel" VALUE="Cancel"> </div> </td> </tr> </table> <div> <INPUT type="hidden" name="Hide" VALUE="18489"> <INPUT type="hidden" name="shVariable" VALUE="0"> </div> </FORM> </div> </body> </html> ---------------------------------------------------------------------------------------- 2.htm -------- <html> <head> <title>second</title> <meta http-equiv="refresh" content="5;" /> <script type="text/javascript"> //if (1 == document.mainForm.checkPopUpClosed.value) var temp = 0; if (1 == top.mainForm.checkPopUpClosed) alert("Close received = ");//+document.mainForm.checkPopUpClosed.value); function checkClick() { //temp = top.parent.item.forms("mainForm","checkPopUpClosed"); //temp = parseInt(parent.checkPopUpClosed);//.document.frames.item("shVariable"); //temp = document.getElementById("mainForm"); //temp.parentElement(shVariable); //temp = document.mainForm.checkPopUpClosed.value; alert("temp = "+temp); } </script> </head> <body onclick="checkClick();"><!-- masthead --> <tr><td ><h1>Second</h1></td></tr> <FORM method="post" name="secondForm" > <table cellspacing="0" cellpadding="0" border="0" summary="." > <tr> <td > <div > <table width="200" border="3" cellspacing="0" cellpadding="0" summary="."> <tr> <td style="text-align:center;"> <br/> <h3>Result</h3> <br/> In progress. <br/><br/><br/> </td> </tr> </table> </div> </td> </tr> </table> </FORM> </div> </body> </html> ------------------------------------------------------------------------------- 3.htm -------- <html> <head> <title>third</title> <script type="text/javascript"> function doClose(){ if (window.opener && !window.opener.closed) { window.opener.location.href="1.htm"; } } function delayed_close() { setTimeout("window.close();",7000); } function delayed_Openclose() { delayed_close(); setTimeout ("doClose();", 6900); } function doAbnormal_Close() { var temp2 = 0;// = document.getElementById("mainForm"); top.mainForm.checkPopUpClosed = 1; temp2 = top.mainForm.checkPopUpClosed; //temp2 = open.document.forms("mainForm", "0").checkPopUpClosed = 1; //temp2 = document.getElementById("mainForm").checkPopUpClosed.value; alert("temp2 = "+temp2); //alert("checkPopUpClosed 1 = "+top.mainForm.checkPopUpClosed); //document.mainForm.checkPopUpClosed.value = true; //alert("checkPopUpClosed 2 = "+document.mainForm.checkPopUpClosed); } function checkClick() { var temp3 = 0; //temp3 = if(window.opener.closed); alert("temp3 = "+temp3); } </script> </head> <body onunload="doAbnormal_Close();" onclick="checkClick();"> <FORM method="post" name="thirdForm" ACTION="2.htm"> <table cellspacing="0" cellpadding="0" summary="."> <tr> <td style="text-align:center;"> <br /><br /> <h3>Checking</h3> <br /><br /> To submit this request click "Save As" <br /><br /> <INPUT type="submit" name="Save" accesskey="s" alt="ok" onclick="javascript:delayed_close();" VALUE="Save As"> <br /><br /> </td> </tr> </table> </FORM> <script type="text/javascript"> </script> </body> </html> --------------------------------------------------------------------------------------------- I am new to web building and almost done with my first website. There are 2 problems I am having and if they were to be solved I could finish completely. Any help on these two issues would be greatly appreciated. The url the everything is hosted at is hillsidemedicalbilling.com/ if you visit it you will notice what I am referring to. I am trying to place share buttons for some of the social networking sites on the page using custom icons. After 4 days of reading everything I can find on them I have gotten pretty close. It seems the Twitter button is the only one that is actually working, and even then, the title does not post with the link. All of the other ones bring up a page for the right website but it says "this page no longer exists." The second problem I am having is, the google + button will not align correctly (I want it to be centered with what is directly above it), I had the same problem with the facebook "like" button, but was eventually able to fix it by adding padding-left: 48px; to the CSS. After trying this with the google+ buttons, it does not respond. You will see what I have tried as I have left it on the CSS (but deleted padding-left: 58px; that I attempted unsuccessfully). All of the social networking buttons are within <div h2 name="logo"...name="social" Here is the markup I have figured out thus far: HTML Code: <div id="logo"> <h2 class="social"> <a target="_blank" rel="external" href="http://reddit.com/submit=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/reddit_wood.JPG" title="Reddit"/></a> <a target="_blank" rel="external" href="http://twitter.com/home?status=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/twitter_wood.JPG" title="Twitter"/></a> <a target="_blank" rel="external" href="http://www.linkedin.com/shareArticle?mini=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/linkedin_wood.JPG" title="LinkedIn"/><br /></a> <a target="_blank" rel="external" href="http://digg.com/submit?phase=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/digg_wood.JPG" title="Digg"/></a> <img target="_blank" rel="external" src="images/rss_wood.JPG" title="RSS" alt=""/> <a target="_blank" rel="external" href="http://www.stumbleupon.com/submit?url=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/stumbleupon_wood.JPG" title="StumbleUpon"/></a><br /> <div class="fb-like" data-href="http://hillsidemedicalbilling.com/" data-send="true" data-layout="button_count" data-show-faces="true" data-font="arial"></div> <br /> <div class="g-plusone" data-size="small" data-href="http://hillsidemedicalbilling.com/"></div> </h2> <h2 class="member"><a target="_blank" rel="external" href="http://www.nebazone.com/exam.html/"><img src="images/NEBA.JPG" /></a></h2> <h1 class="logo">Welcome To<br /><a href="http://hillsidemedicalbilling.com/"> <img src="images/HMBLogoMed.jpg" /></a></h1> </div> 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 Hi Folks, Back in the day (circa 1995), I learned HTML by looking at the source code of some pages and then doing my own thing with the code I saw. This was OK just for simple pages, but that's was all I really wanted or needed. Then came family commitments, job changes etc., and I sort of left HTML behind. Now in my forties, I cycle a lot and want to do a webpage for my travels, with some photographs etc. I tried RapidWeaver, and it does produce some nice results. However, it's still someone else's template, and besides, any more than six pages on my site and it continuously crashes. Saving the document takes about twenty minutes each time, and so I postpone saving it until I've done say, two or three pages. Then it crashes, so I have to redo those pages... Not ideal. So I scouted around and found Flux 3.0. I have to say, it's an impressive bit of kit, but because I stopped using HTML a while back, there are loads of things there that I don't know: CSS and div to name but two. I think the only option for me is to learn (or "relearn") HTML, but all of the sites I've found from my google searches so far, are either for complete beginners, or else for people whose knowledge far exceeds mine. And a google search for 'Flux tutorial' isn't much help, either. Could someone please point me in the direction of an 'intermediate' tutorial, or else one that will help me to hone and update my skills to the point where I can hand code the entire site myself? Many thanks. Hi all, Im afraid im getting a little frustrated. My fault.. Im new here but need your help. I run a forum, phpbb3 based but the style im currently using is very much HTML based. I am looking to have a left hand column within my forum but really dont know how to do it, well to add to what i already have. I think for you to know what style docs i have you would have to have a look yourself or look at my existing source code.. http://www.pricelessparrots.com/phpbb3/ Ok i have the new style ' VistaX '. This link will take you to the original download: It can be found he It seems this style is mostly created using HTML. Could someone please tell me how to add a left hand column to the page. I would like it to be on the left hand side all the way down after the header. I thought i would have a go at it but becoming increasingly frustrated with it. such a simple thing but i cannot get it. Do i float it, using css or what? I thought about using a seperate page to create the table and then include it into the doc but this doesnt work either. Plz help.. Paul Hi all, I'm having some trouble getting my website complete enough to be up and running. I can put up 1 page, but visitors would have no way to navigate my site. I'm new to HTML and know a little bit. I've read up on a few tutorials, but nothing that talks about navigation. does HTML even do this?, or is this a CSS or JavaScript thing? I'm new to this and would really appreciate the help. Thanks a million. -Andrew 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. Just so you know I am new to all of this stuff. I have been arranging a web site for myself, as a project to learn from. I made myself a nice title/banner picture for my site and would like to align it to the very edge of the page(top/left/right). There are a few PX as a boarder, this is what I DO NOT want. I have it as a larger sized image then I'm displaying at the moment. And was hoping that I might be able to have it stay aligned at all times( If user changes the window size, or their window is large or small, etc.), and have this image be "fixed" at the top (there no matter how far down the user scrolls). I do not know if this should be in the .html or in the .css portion of my page, at the moment it is in the .html . ***A close example of what I want would be the top of htmlforum.com. The title banner boarders the entire top edges of the frame... except the "pic" does not go across the entire top, and the banner stays at the top.*** the code I'm using at the moment is: <img src="http://naluolapa.com/images/Titlepic2.jpg" width="1024px" height="126" alt="title banner, nalu olapa's domain" align="top" > This is a link to what I'm talking about and working on: http://www.naluolapa.com/home/HTML-2.html (yes, I do know that the page is full of errors in the displayed text, I'm more focused on the looks and style then the content at the moment.) I have google-ed many sites, and used lots of different sources for codes. Though none gave me what i want. so I decided to post on here, after looking through many threads too. Thanks for your time! a fragment of the code is shown below, <form id="frmmain" name="frmmain" method="post" action="index.php?page=login"> <!--<form id="srch" name="srch" onsubmit="return blockSubmit();">--> <td valign="top" style="padding:4px;text-align:center;height:50px;margin:0 auto;"> <input style="height:20px;background:none;color:#fff;border:1px solid #fff;width:160px;" type="text" value="<?php echo 'Enter WinkedAt code here.';?>" name="wa_id" id="wa_id" onclick="javascript:document.frmmain.wa_id.value=''" onmouseover="return onMouseOver2('You must <a href=index.php?page=login>Login</a> first to add WinkedAt code or <a href=index.php?page=Signup>Sign-up</a> for a free new account.');" onmouseout="onMouseOut2();" /> </td> <td valign="top"> <input type="hidden" id="my_id" name="my_id" value="<?php echo $my_id;?>"/> <input type="hidden" name="error" value="<?php echo $error;?>"/> <input type="hidden" name="msg" value="<?php echo $msg;?>"/> <input style="border:none;" type="image" src="<?php echo _DEFAULT_TEMPLATE_PATH;?>/images/goarrow.png"/> </td> </form> but when i validate it, it prompts errors such as these --document type does not allow element "td" here --Attribute "name" exists, but can not be used for this element. i tried putting divs but still the error prompts..what did i overlook? Im trying to figure out how to make my page borders absolute. So that the text I enter is forced to the next line and the table expands to accommodate whatever text is entered. Instead, whats happening is the page is expanding to the right, to accommodate the excess text. I've not messed with any html in a long time, used to be I could just use nested tables to accomplish this but no longer. I plan to use this code for an ebay store template so trimming the text or manually splitting it from line to line isn't an option. if anyone could help me or point me in the right direction so I can fix this or learn how to fix it It would be much appreciated. page in question is located here surrenderyourwings(dot)com/layout(dot)html http://surrenderyourwings.com/layout.html I wanted to get my background image in the center of my page. The Html code I'm using is as follows. <!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=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { background-color: #FFFFFF; background-image: url(http://i14.photobucket.com/albums/a3...HomePage.jpg); background-position:center; background-repeat: no-repeat; } --> </style></head> <body> </body> </html> When i do it. Half the image dissappears at the top of the page. Can anyone help? http://www.gouramidesign.com/portfolio.aspx#webdesign See that website, how it opens a lightbox type of thing, but wth the image on the left side and then a text on the right side ?What scripts does that website use? I currenty use prettybox, a jquery script, but I dont want to JUST display images, io want to have a website portfolio and thi sis EXACTLY what I've been looking for! Ok so after reading the Myspace thread I jumped on the bandwagon and became totally obsessed with it - now that the Myspace obsession has died down, I've become hooked on Facebook!! I love it! I think it's so much better then Myspace and Hi5 and all those other 10 million sites that exist . . . At first I wasn't too keen but my friend made my profile for me . . . I was told "it's at a 'university' level and doesn't have any bogans or teeny boppers" I guess what she meant was that it's a bit more "mature" then the other sites . . . Ok it's hard to explain! But i'm totally hooked on it now and it's really not helping with all this uni work that I have to get done!! Does anyone else use Facebook?? ==================================== welcome to my website, www.ant-shopping.com . Hello everyone, my name is Andrew and I am new to this community I know basic stuf from html and I try to find my way in flash too. Right now I am building a website at the office 365 platform. It is a simple display site that I could handle but the owner asked me to do something that I have no idea how to do it :S He asked me to make the picture function like facebook zoom https://chrome.google.com/webstore/d...oddophfngopipi With this, when you have the mouse pointer on a picture the picture pops up and becomes bigger, and when the mouse go outside the picture, the pop up vanishes. I ve searched all i could and I couldn't find how to do it, I have reached the point that mouseover can open a new window (if the add block in not active) and then the user must manualy close it (this will result a minefield on the web page:S) Can anyone help me with this please, getting desperate :S Thanks in advance Hi, I am new to website creation and have purchased a template. I have modified it ok and it is running at www.marriagephoto.co.uk however I can't get the facebook connect like button working. Can anyone out there help me. I have gone into FB and copied the code and popped it into dream weaver but it does nothing at all - please help thanks, anna - I have included the URL so you can see how the site is made...I think its Java? |