Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta name="description" content="" />
    <!-- CSS -->
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" />
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" />
    <link href="http://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700" rel="stylesheet" type="text/css">
    <link href="https://rawgit.com/janstieler/4a9875ef67fe3aa5d7fc/raw/e4bb9aecc02de01e275fd41ca52f2f1b3b15043e/redacted.css"  rel="stylesheet" type="text/css" />
    <!-- Javascript -->
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <title></title>
  </head>
​
  <body>
    <!-- Help Area-->
    <nav class="alert navbar-default alert-dismissable highlvl">
      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
      <ul class="list-unstyled list-inline">
        <li><strong>Help:</strong></li>
        <li><a href="http://www.getbootstrap.com" target="_blank">Bootstrap</a></li>
        <li><a href="http://fontawesome.io/icons/" target="_blank">Font Awesome</a></li>
        <li><a href="https://rawgit.com/" target="_blank">RawGit</a></li>
      </ul>
    </nav>
    
          <h4 class="midvox">Buchtitel</h4>
            <span class="midvox">
                <script src="http://www.blickinsbuch.de/gateway/widget.js" type="text/javascript"></script>
                <script type="text/javascript">
                    var isbn = jQuery('.isbnfield span.product-field-display').text();
                    var book = new MX_BookPreview("9242081749", 9783898386678, 1, 3);
                    book.setCntId("5072416093"); 
/*                  book.replaceParent(true);
                    book.setFlashId('widget_p');*/
                    book.setButtonId("aka");
                    book.show();
                </script>
            </span>
            <script>
                jQuery(window).load( function() {
                    var headmidvox  =   jQuery('h4.midvox'),
                        imgmidvox   =   jQuery(headmidvox).next('img'),
                        spanmidvox  =   jQuery('span.midvox a'),
                        headebook   =   jQuery('h4.ebook'),
                        imgebook    =   jQuery(headebook).next('img'),
                        spanebook   =   jQuery('span.ebook a');
                        
                    jQuery(headmidvox, headebook).css({'line-height': '19px'}).remove().prependTo(spanmidvox);
                    jQuery(headmidvox).hover(function() {imgmidvox.attr("src", 'image2.jpg');},function() {imgmidvox.attr("src", '//www.blickinsbuch.de/button/aka.png');};);
                    jQuery(headebook).hover(function() {imgmidvox.attr("src", 'image2.jpg');},function() {imgmidvox.attr("src", '//www.blickinsbuch.de/button/aka.png');};);
                    jQuery(imgmidvox, imgebook).hover(function() {jQuery(this).attr("src", 'image2.jpg');},function() {jQuery(this).attr("src", '//www.blickinsbuch.de/button/aka.png');};);
                });
            </script>
  </body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
janpro
0viewers