HTML - Launching Outlook Using Javascript
Hi all,
I'm trying to create a web application module that allows users to bookmark links to favourite applications on their client PCs. One of these applications I want them to be able to access is Outlook. Any ideas how this can be done using Javascript? What I hope to be able to do is to launch Outlook from an "a href" link. Thanks in advance for any suggestions! Similar TutorialsHi guys, Could you please help me in giving the code that takes data from the fields in HTML form and when submit button is clicked the mail has to go to the intended user through Microsoft office outlook. Please help me... its very urgent Thanks & Regards Karteek Challa I need to to launch a form from clicking on a button. How do I do that? I have a form working that emails the contents of the form. Also, is there anyway to pass the id or the name of the button that launched the form. Thanks!! unfortunately it is PHP based - so has to be served I know for security reasons its not easy to launch an EXE from a browser. I tried coding a .HTA file but I got javascript errors etc when I tried to run it. All this stuff didnt work for me: Quote: var ws = new ActiveXObject("WScript.Shell"); ws.Exec("C:\\Program Files\\myprogram.exe"); In the end the best I could do was to have IE open a Windows Explorer window to my folder and put a file there saying "Double-Click-To-Install.exe" (I am shipping a DVD which autoruns index.html which has instructions etc on install options etc. I can't call directly my setup.exe from the autorun because there are many options the user can choose from.) ----- I forgot to mention that Firefox does not open a windows explorer window. How can I get this working as IE does ? This is what I use to open my window: (its attached to a button) Quote: onclick="parent.location='INSTALLER1'" I'm using a php video-sharing site script where you would make a purchase to view a video. The code below is from the html search results page, where a list of thumbnails appears when you search certain keywords. Currently when you select the thumbnail, to view the video, prior to paying, a page pops-up in a pop-up box(inner_purchase.htm page) showing a message. I asked someone (JG) to help me change it to just a pop-up message box to appear, rather than the inner_purchase page, and he added code below called Custom Message Block, but the inner_purchase page still appears, instead of the Custom Message Block. Can you help me figure out how I can make this so the Custom Message Block appears, rather than the inner_purchase page? Thanks. Any help or suggestions will be appreciated. Code: <!--Begin Left Column--> <div id="column-left-2"> <br /> <!--Begin Whats Showing Menu--> <div class="header-narrow"><h3>[var.get_type]</h3></div> <div class="whats-showing"> <ul> <li><!--<a href="[var.url_link]/load/featured">[var.lang_featured]</a>--></li> <li><!--<a href="[var.url_link]/load/viewed">[var.lang_most_viewed]</a>--></li> <li><!--<a href="[var.url_link]/load/recent">[var.lang_most_recent]</a>--></li> <li><!--<a href="[var.url_link]/load/comments">[var.lang_most_comments]</a>--></li> </ul> </div> <div class="container-narrow-bottom"></div><!--End Whats Showing Menu--> <br /> <!--Begin Popular Tag Cloud populate from search type ??--> <!--<div class="header-narrow"><h3>[var.lang_Tags_most_popular]</h3></div>--> <!--<div class="whats-showing"><!--[var.tag_cloud_block;htmlconv=no;comm]--></div>--> <!--<div class="container-narrow-bottom"></div>--><!--End Popular Tag Cloud--> <!--Begin Left Advert--> <!--<div class="container-narrow-top"></div>--> <!--<div id="advert-left"><!--[var.ads_left;htmlconv=no;comm]--></div>--> <!--<div class="container-narrow-bottom"></div>--><!--End Left Advert--> <!--<div style="height:120px;"> </div>--> </div><!--End Left Column--> <!--Begin Right Column--> <div id="column-right-2"> <!--Begin Video Search List--> <div style="height: 2px;"> </div> <span style="margin-bottom: 12px;" class="font5_15"> "[var.keyword]" [var.get_type_word] [var.lang_search] [var.results_show] - [var.results_of] of [var.total_records] [var.lang_results] <br /> <!-- Replace ambiguous text with clear button links below. -JG --> <!-- Please Select the Continue Button to Purchase Now - Or Search Again.<br />--> <form id="buyVideo" name="buyVideo" method="post" action="buy-video.php"> <!-- CONTINUE button replaced. -JG --> <!--input type="submit" name="purchase" value="Continue" style="margin:7px 0" rel="gb_page_center[600, 435] "--> <input type="submit" name="purchase" value="Use Credits Now" style="margin:7px 0" rel="gb_page_center[600, 435] "> <input type="button" name="search" value="Search Again" onclick="window.location.href='page.php?page=9';" style="margin:7px 0"> <input type="button" name="search" value="Purchase Credits" onclick="window.location.href='credits.php';" style="margin:7px 0"> <input type="hidden" name="keyword" value="[var.keywords2]"> <input type="hidden" name="submitted" value="yes"> <input type="hidden" name="ttl" value="[var.total_price]"> <input type="hidden" name="user_id" value="[var.user_id]"> <input type="hidden" name="credits" value="[var.member_credits]"> <input type="hidden" name="id[]" value="[blkfeatured2.indexer;block=input]"></input> </span> <br><!-- Check All Box --> <input type="checkbox" name="checkall" onclick='checkedAll()'> Select All<br> <!-- end checkbox mod --> <!-- ******************************** START OF CUSTOM MESSAGE BLOCK ******************************* -JG --> <script> function doCreditCheck() { // The custom message block only appears when the PAY/SEARCH buttons are present. // The presence of those buttons indicates that you need to pay before viewing the video. document.getElementById('popupBuyMsg').style.display = 'block'; // We return false so that the href associated with this object is ignored. return false; } </script> <style> .buymsg { display:none; position:absolute; top:300px; left:300px; width:350px; background-color:#eeeeff; border-style:solid; border-width:1px; padding:15px 20px 5px 20px; } .buymsgclose { text-decoration:none; font-size:0.9em; font-variant:small-caps; margin-top:10px; } </style> <!-- Hidden message block to replace inner_purchase.htm when only a GreyBox message is being displayed. --> <div id="popupBuyMsg" class="buymsg"> You must use "credits" to view this video.<br> You have <strong>[var.member_credits]</strong> credits in your account.<br> <br /> To view this video select "Use Credits".<br> To purchase credits select "Purchase Credits".<br> Or Search Again. <div style="width:100%; text-align:right;"> <a class="buymsgclose" href="#" onclick="document.getElementById('popupBuyMsg').style.display = 'none'; return false;">Close Window</a> </div> </div> <!-- ********************************** END OF CUSTOM MESSAGE BLOCK ********************************** --> <div id="content-list"> <ul class="content-list-thumb" style="margin-top: 13px;"> <span style="margin-left: 1px;"><input type="checkbox" name="checkedBoxs[]" value="[blkfeatured.indexer;block=div]"></span><br /> <br /> <!-- Add an onclick feature that first checks to see if you need to use purchase credits. -JG --> <li><a href="videos/[blkfeatured.indexer;block=div]/[blkfeatured.title_seo;block=div]" rel="gb_page_center[600, 435]"><img src="uploads/thumbs/[blkfeatured.thumb_string;block=div].jpg" alt="video pic" width="120" height="90" border="0" /></a></li> <!--li><a onclick="return doCreditCheck();" href="videos/[blkfeatured.indexer;block=div]/[blkfeatured.title_seo;block=div]"><img src="uploads/thumbs/[blkfeatured.thumb_string;block=div].jpg" alt="video pic" width="120" height="90" border="0" /></a></li--> </ul> <ul class="content-list-info"> <li><h4><span style="color: #000000;">[var.lang_title]:</span> <a href="videos/[blkfeatured.indexer;block=div]/[blkfeatured.title_seo;block=div]" rel="gb_page_center[600, 435] "><!--[blkfeatured.title;htmlconv=no;block=div;ope=max:70;comm]--></a></h4></li> <!--<li><b>[var.lang_description]: </b><!--[blkfeatured.description;htmlconv=no;block=div;ope=max:68;comm]--></li>--> <li><!--<span class="font4_12">[var.lang_rating]test </span>--> <!--<img border="0" src="themes/[var.user_theme]/images/[blkfeatured.star1;block=div]" width="18" height="18" alt="1 Star" />--> <!--<img border="0" src="themes/[var.user_theme]/images/[blkfeatured.star2;block=div]" width="18" height="18" alt="1 Star" />--> <!--<img border="0" src="themes/[var.user_theme]/images/[blkfeatured.star3;block=div]" width="18" height="18" alt="1 Star" />--> <!--<img border="0" src="themes/[var.user_theme]/images/[blkfeatured.star4;block=div]" width="18" height="18" alt="1 Star" />--> <!--<img border="0" src="themes/[var.user_theme]/images/[blkfeatured.star5;block=div]" width="18" height="18" alt="1 Star" />--> <!--<span class="font4_12">[var.lang_views]: </span>--><!--(<!--[blkfeatured.number_of_views;block=div;comm]-->)--> <!--<span class="font4_12">[var.lang_duration]: </span>--><!--(<!--[blkfeatured.video_length;block=div;ope=max:45;comm]-->)--> <!--<span class="font4_12">[var.lang_uploaded]: </span>--> </li> <li><!--<span class="font4_12">[var.lang_tags]: </span>--></li> <li><!--<b>[var.lang_comments] - [var.lang_responses]: </b>--><!--(<!--[blkfeatured.comments;block=div;ope=max:80;comm]-->)--></li> </ul> [onload;block=div;when [var.type_videos]=1;] </div> <!--End Video Search--> <!-- Pagination start --> <div align="center"> <div id="pagination"> <li> </li> <ul>[var.show_pages;htmlconv=no]</ul> </div> </div> <!-- Pagination end --> </div><!--End Right Column--> </form> hello all how could i export an outlook signature from MS OUtlook 2003? THanks Hello guru, I want a hyperlink from the email address to go straight to outlook express. What is the code that i type in? Thanks for all of your help guru Hi I have just designed my first html eshot and tested it on different email clients using Mailchimps inbox inspector. Its fine across all clients as far as I can see except for Outlook 2007 & 2010. The image on the left moves out of place quite a bit. Outlook 2003 and all others are fine, its just 2007 & 2010 causing the problem. Weblink (how it should look) Outlook 2007 & 2010 (how it shouldn't look) Outlook 2003 (just fine) Does anybody know whats wrong? I'v tried all sort and it nothing is working, its driving me crazy! Dam you outlook! Thanks! Hi Folk, Need some help, I have couple of WebPages sitting in a folder on a share drive, the webpage are a simple form to collect data, when the user clicks on submit. The form will use Outlook to email the data. The problem is the user has to click yes to Outlook security popup window. I have been asked to address this. Is there a simple program that I could install in the folder to deal with the transferring of the data without using Outlook. Hello, I am trying to create a HTML newsletter email, but for some reason the table I created for the framework is scrunching inside MS Outlook. It appears to be correct with every other medium (various webmails and such). Is there a way to force outlook to keep the table properties I put inside the code? I attached the HTML file as well as a screenshot of how outlook looks. Any help is greatly appreciated! Hello, Sorry if this is in the wrong section. I have an HTML page that has an Outlook View Control. Something simple like this: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>View Control</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <meta content="MSHTML 5.50.4522.1800" name="GENERATOR" /> </head> <body style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;"> <div> <script src="email-inbox.js" type="text/javascript"></script> </div> </body> </html> the javascript file has only this: Code: // inserts the <object> and <embed> tags to circumvent the new restriction in IE (since April 11 2006) document.write('<object id="ViewCtlFolder" classid="CLSID:0006F063-0000-0000-C000-000000000046" width="100%" height="180px"><param name="Folder" value="Inbox" /></object>'); The problem is that when Microsoft Outlook is not installed this will fire a Javascript error. I want to avoid that error and display a message like "Microsoft Outlook not installed". Is there any way I can do this? Thanks in advance hi! we are sending newsletter to clients. we are doing like: 1)creating newsletter in dreamweaver 2)running on brower 3)copy the entire layout using ctrl+a and 4) pasting it on new message window in outlook 5)its displaying as i copied everything is fine. its reaching to clients as we sent. the problem is the newsleter take more than 100 kb while its going. but actual size is just 50 only. so pls suggest what is the problem exactly. how to recude the file size or is there anyother way to send newsletter via outlook. pls suggest me well i have a link which points to an email address using mailto <a href="mailto:abct@gmail.com">abc@gmail.com</a> which opens an outlook express window.....i want this window to be of a specific size of my choice..... how do i implement it ??? Hi, I'm a beginner with HTML and am trying to generate stationary using HTML for Outlook2007. The below is what I have for my code and the look is actually very good. However, when I tab from the subject line to the body, the cursor ends up at the beginning of my centered image. From there, the image moves when I type. What I'm looking to have happen is for the image to be static (un-movable) and the cursor to actually start positioned below the image with a left justification. Does anyone have any ideas? Tiggy <html><head><title id="ridTitle">Citrus Punch</title> <style><!-- body { font-family: Arial, Helvetica; font-size: 12pt; font-style: bold; color: #ff6633; margin-top: 25px; margin-left: 25px; } --></style> </head> <body id="ridBody" background="background2.jpg"><center><img id="ridImg" src=KeaneLogo.jpg align=bottom></center> <p></p> <b><SPAN id="_AthCaret"></SPAN></b> <p></p> </body> </html> Hi, So I've been building my first e-mail template, and it has been much more difficult than I imagined. Right now I am trying to apply a width to a table but when I check in the Outlook e-mail client (if the person had no images selected in that client) The linked text displayed inside the broken image, breaks my width styles and the template displays at 100% the width available. Here Is My Code: HTML Code: <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>PSI Digital Imaging Solutions</title> </head> <body width="600" style="width:600px;"> <table border="0" cellpadding="20" cellspacing="0" style="font-family:arial;"> <tr> <a href="http://www.plottersupplies.com/"><p><img src="images/psilogo.gif" alt="PSI Digital Imaging Solutions" border="0" /></p> </a> </tr> <tr> <td style="vertical-align:top;" width="200" > <h4 style="display:inline;" >PSI Digital Imaging Solutions</h4> <!-- This starts the NAVIGATION list on the left hand side --> <ul style="color:#000000; font-size:12px;" > <li><a style="color:#ff9900;" href="http://www.plottersupplies.com/">Large Format Printers</a></li> <li><a style="color:#ff9900;" href="http://www.plottersupplies.com/">Laser Printers</a></li> <li><a style="color:#ff9900;" href="http://www.plottersupplies.com/">Scanners</a></li> <li><a style="color:#ff9900;" href="http://www.plottersupplies.com/">Laminators</a></li> <li><a style="color:#ff9900;" href="http://www.plottersupplies.com/">Rip Software</a></li> <li><a style="color:#ff9900;" href="http://www.plottersupplies.com/">Ink, Media, Laminators</a></li> <li><a style="color:#ff9900;" href="http://www.plottersupplies.com/">Laser Toners</a></li> </ul> <!-- This ENDS THE NAV --> <!-- This begins a space for any misc links or offers --> <h4 style="display:inline;">Additional Offers</h4> <p> <a style="color:#ff9900; font-size:12px;" href="http://www.plottersupplies.com/" title="Sign Up Now">Sign Up Now</a> </p> <p> <a style="color:#ff9900; font-size:12px;" href="http://www.plottersupplies.com/" title="Follow Us">Follow Us</a> </p> <p style="text-align:center; font-size:12px;" >...</p> <p style="text-align:center; font-size:12px;">800.365.3305</p> <p style="text-align:center; font-size:12px;">303.450.2900</p> <p style="text-align:center; font-size:12px;">Plotter Supplies Is a Company that Supplies Digital Imaging Solutions for Smart Businesses. We Offer Next Day Service and 25 years of experience serving your needs, day in, and day out.</p> <p style="text-align:center; font-size:12px;" >...</p> <a style="color:#ff9900; font-size:12px;" href="http://www.plottersupplies.com/" title="Unsubscribe">Unsubscribe</a> <!-- This ENDS FOOTER AND LEFT COLUMN --> </td> <!-- This begins OFFERS/RIGHT COLUMN --> <td width="310" style="border:3px solid #d1d1d1;" > <h4 style="display:inline;">New Member Introductory Offers</h4> <a href="http://www.plottersupplies.com/"><img src="images/paperolls.gif" alt="Paper Roll Image" border="0" style="padding-top:15px;" /></a> <p><h4><a style="color:#ff9900;" href="http://www.plottersupplies.com/">300 for the Price of 100</a></h4></p> <p style="font-size:12px;">Heavy Weight 36# - Waterfast Coated Bond - Get 300' for the price of H-P's 100'</p> <p style="font-size:12px;">Compatible with machines that use 300' rolls.</p> <p style="font-size:12px;">Designed for high volume CAD and Graphic Applications. Superior coating optimized for HP, Epson and Encad-type printers using dye and pigment ink. Waterfast image, crisp lines, dense black, and vivid colors combined with fast dry times.</p> <p><a style="color:#ff9900; font-size:12px;" href="http://www.plottersupplies.com/">- Coated-Inkjet-Bond 36X</a></p> <p><a style="color:#ff9900; font-size:12px;" href="http://www.plottersupplies.com/">- Coated-Inkjet-Bond 42X</a></p> <img src="images/spacer.gif" /> <a href="http://www.plottersupplies.com/"><img src="images/scanner.gif" alt="Scanner Image" border="0" /></a> <p><h4><a style="color:#ff9900;" href="http://www.plottersupplies.com/">Color Scanning Discount</a></h4></p> <p style="font-size:12px;">Color Large Format Scanning starting at $3,899.00</p> <img src="images/spacer.gif" /> <a href="http://www.plottersupplies.com/"><img src="images/hpInkImage.gif" alt="HP Advertisement" border="0" /></a> <img src="images/spacer.gif" /> <a href="http://www.plottersupplies.com/"><img src="images/hplogo.gif" alt="HP Logo" border="0" /></a> <p><h4><a style="color:#ff9900;" href="http://www.plottersupplies.com/" >HP Cash In & Trade Up</a></h4></p> <p style="font-size:12px;"> Want to save cash and trade up your old functional HP technology for the brand new? Participate in HP DesignJet Cash In and Trade Up Promotion. </p> <!-- This ENDS OFFERS on the right hand side --> </td> </tr> </table> </body> Thanks so much for your help, Nicole Hello, I have an html email that is being created with Cobol, then being sent via email to Outlook Express 6. When viewed, the page doesn't render correctly. Here is the page that's being displayed: 663 N. ACCESS ROAD CHICAGO IL 60666 ARRIVAL NOTICE MAWB: 933-06068274 SHIPPER SHAOXING XOUNTY YUNSHENG SHUFENG VILLAGE QIANQING SHANGHAI SH PVG CN CONSIGNEE MAJOR TEXTILE IMPORTS INC 1401 EAST 15TH STREET LOS ANGELES CA 90021 US FLIGHT DATE PIECES KILOS ORIG DEST ENTRY KZ/176 26JUN 45 500.0 NRT ORD LAX DESCRIPTION: WOVEN POLYESTER SEK STORAGE BEGINS: HAWB PCS KGS The page is built with tables, and they are supposed to line up next to one another. For example, the Shipper and Consignee Tables are supposed to be on the same table row. Here is the actual HTML code: <html> <body> <style type="text/css"> body {font-size: 11px; font-family: Verdana, sans-serif; border: 1px solid black;} table {font-size: 11px; font-family: Verdana, sans-serif; } </style> <table width="600"> <tbody> <tr> <td rowspan="3" width="150"><IMG SRC="HTTP://10.0.0.164/OPS/IMAGESX/NCA.JPG"></td> <td rowspan="3" width="100"></td> <td> <table width="350"> <tbody> <tr align="right"> <td colspan="3" width="350">445 BROADHOLLOW RD - SUITE 105</td> </tr> <tr align="right"> <td width="75%">MELVILLE</td> <td width="10%">NY</td> <td width="15%">11747</td> </tr> <tr align="right"> <td colspan="3">6314210900</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table width="600"> <tbody> <tr> <td align="center"><h3>ARRIVAL NOTICE</h3></td> </tr> </tbody> </table> <table width="600"> <tbody> <tr> <td><h4>MAWB: 933-06068930</h4></td> </tr> </tbody> </table> <table width="600"> <tbody> <tr> <td> <table width="295"> <tbody> <tr> <td><b>SHIPPER</b></td> </tr> <tr> <td>PHOENIX INT L FREIGHT</td> </tr> <tr> <td>13TH FLOOR GREENLAND</td> </tr> <tr> <td>SHANGHAI SH PVG CN</td> </tr> </tbody> </table> </td> <td width="10"></td> <td> <table width="295"> <tbody> <tr> <td><b>CONSIGNEE</b></td> </tr> <tr> <td>PHOENIX INT L FREIGHT SER</td> </tr> <tr> <td>19701 SOUTH VERMONT AVENUE</td> </tr> <tr> <td>TORRANCE CA 90502 US</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table width="400"> <tbody> <tr> <td colspan="7"><br></td> </tr> <tr> <td width="20%"><b>FLIGHT</b></td> <td width="16%"><b>DATE</b></td> <td width="16%" align="right"><b>PIECES</b></td> <td width="22%" align="right"><b>KILOS</b></td> <td width="12%" align="center"><b>ORIG</b></td> <td width="12%" align="center"><b>DEST</b></td> <td width="12%" align="center"><b>ENTRY</b></td> </tr> <tr> <td width="20%">KZ/108</td> <td width="16%">21JUN</td> <td width="16%" align="right">36</td> <td width="22%" align="right">621.00</td> <td width="12%" align="center">NRT</td> <td width="12%" align="center">LAX</td> <td width="12%" align="center">LAX</td> </tr> </tbody> </table> <table width="600"> <tbody> <tr> <td colspan="3"><br></td> </tr> <tr> <td width="68%"><b>DESCRIPTION: </b>CNSL BTS B</td> <td width="2%"></td> <td width="30%"><b>STORAGE BEGINS: </b>21JUN</td> </tr> </tbody> </table> <table width="300"> <tbody> <tr> <td colspan="3"><br></td> </tr> <tr> <td width="125"><b>HAWB</b></td> <td width="50" align="right"><b>PCS</b></td> <td width="70" align="right"><b>KGS</b></td> </tr> <tr> <td width="125">SHA10013627</td> <td width="50" align="right">24</td> <td width="70" align="right">211.00</td> </tr> <tr> <td width="125">SHA10013634</td> <td width="50" align="right">11</td> <td width="70" align="right">234.00</td> </tr> <tr> <td width="125">SHA10013637</td> <td width="50" align="right">1</td> <td width="70" align="right">176.00</td> </tr> </tbody> </table> </body> </html> Interestingly enough when you insert the html into Outlook Express and send it it renders perfectly. What can be causing Outlook to be rendering the HTML built by Cobol incorrectly. Thanks, Jared Hey guys, so, I'm having some problems creating HTML newsletter emails in Outlook 2003, whenever the newsletter is viewed in a browser it works fine, the layout stays the same and everyones happy. However, when this is put in an email as HTML text the format completely messes up. Does anyone know a way round this? I've tried importing it into Word and saving it, then copying and pasting it in but still no luck. Any help would be great! Hey everyone. I'm having a problem with a stationery model I'm trying to create. In order to create a 100% width header, I've created a table which goes something like this: HTML Code: <table width=100% cellpadding=0 cellspacing=0> <td width=100% background=XXX.jpg> <img src="YYY.jpg"></img> </td></table> So, this header has a left aligned image which seamlessly blends into the table background. Everything works just fine here. But when I send the message, only the image YYY gets an CID assigned and actually reachs the destination. The background image XXX does not appear on the recipients e-mail client. What do I do? Thanks for the help!! Felipe |