javascript - how to trigger a print request to clients machine using jquery -

-

here in, have nested divs..in images generate dynamically ...this html code ..my problem if click print button corresponding image need printed.

    <div id="outputtemp" style="display:none">     <div id="rightoutputimgae">     <div id="rightimgid" class="rightimg"  rel="tooltip" content="      <img src='jqe13/image/1.jpg' class='tooltip-image'/> ">     <div id="outputimageid" class="outputimage">        <img src="jqe13/image/1.jpg" alt="right bottom image"></div>      </div>      <ul>      <li id="outcheckbox"><input name="outcheck" type="checkbox"></li>     <li id="outedit">       <a href="#"><img src="jqe13/image/edit_s.png" alt="edit" title="edit">       </a></li>     <li id="outdelete"><a href="#" onclick="deleteimg(div11)">     <img src="jqe13/image/delet_c.png" alt="delete" title="delete"></a></li>     <li id="outfullscreen">     <a href="#">     <img src="jqe13/image/fullscreen_c.png" alt="full screen" class="fullscreen"        title="full screen"></a></li>      <li id="outshare">      <a href="#"><img src="jqe13/image/share_c.png" alt="share" title="share"></a>      <div id="menu">      <div id="tooltip_menu">     <a href="#" class="menu_top" id="email">     <img src="jqe13/image/email.png" alt="email" title="email"></a>     <a href="#" onclick="posttofeed()" class="facebook"><img src="jqe13/image/fb.png"      alt="facebook" title="facebook"></a>     <a href="#" id="twitter">     <img src="jqe13/image/twitter.png" alt="twitter" title="twitter"></a>     <a href="#" class="menu_bottom" id="save">      <img src="jqe13/image/save.png" alt="save" title="save"></a>      </div>      </div>      </li>      <li id="outprint"><a href="#">      <img src="jqe13/image/print.png" class="printme" alt="print" title="print"></a>        </li>      </ul>       </div>

i need print image when click print button.. , need print images clicking button need create later..

javascript

    $('.printme').click(function() {       window.print();       return false;       });

does work me..can me this..

you have open new window , load picture there. after trigger window.print in it.

if way going, create simple page simplify it

name printimage.html, , use following markup

<html> <script> function onload() {        var url = window.location.search.substring(1)        var img = document.getelementbyid('img')        img.src = url        window.print() }  </script> <body onload="onload()"> <img href="" id='img' /> </body> </html>

having you'll able new window image printimage.html?myfullpathtotheeimage.jpg

actually 2nd option offered @kennypu quite simple implement

add following stylesheet page 

@media print {   * { display:none; }   .print { display:block } }

then toggle print class element going print.


Comments

Post a Comment

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

-
i have spring project , try make use spring boot , run @ embadded tomcat following : https://spring.io/guides/gs/rest-service/ this application //@configuration //@enableaspectjautoproxy @springbootapplication @componentscan(basepackages = "gux.prome") public class application { public static void main(string[] args) { springapplication.run(application.class, args); } } if use maven command: mvn spring-boot:run , project starts fine, need debug , run main method @ intelij, exception occurs: exception in thread "main" java.lang.illegalargumentexception: cannot instantiate interface org.springframework.context.applicationlistener : org.springframework.boot.logging.classpathloggingapplicationlistener @ org.springframework.boot.springapplication.createspringfactoriesinstances(springapplication.java:414) @ org.springframework.boot.springapplication.getspringfactoriesinstances(springapplication.java:394) @ org.springframework.bo...
Read more

reactjs - React router and this.props.children - how to pass state to this.props.children -

-
i'm using react-router first time , don't know how think in yet. here's how i'm loading components in nested routes. entry point .js reactdom.render( <router history={hashhistory} > <route path="/" component={app}> <route path="models" component={content}> </route> </router>, document.getelementbyid('app') ); app.js render: function() { return ( <div> <header /> {this.props.children} </div> ); } so child of app content component sent in. i'm using flux , app.js has state , listens changes, don't know how pass state down this.props.children. before using react-router app.js defines children explicitly, passing state natural don't see how now. using couple of react helper methods can add state, props , whatever else this.props.children render: function() { var children = react.ch...
Read more

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -

-
i have excel workbook used generate quotations customers. there main page user inputs data, , there buttons generate various pdfs , send them customer. however, 1 user consistently getting error preventing generating , sending pdfs. i beleive "microsoft windows common controls 6.0 (sp6)". it's installed on users' computers. on mine, location "c:\windows\syswow64\mscomctl.ocx" on others "c:\windows\system32\mscomctl.ocx" the user experiencing issues on 32-bit machine, "mscomctl.ocx" file should in system32. have manually put in there, , pointed common controls reference in vba it. issue seems keep reverting looking in syswow64. since folder doesn't exist, can't find it, , can't produce pdfs. i thought perhaps issue user running older version of office (2007) there users on 2013 , 2016. thought perhaps mixture of 64-bit , 32-bit users. user gets sent workbook other users (as quotation process goes further, gets passed ...
Read more