Results 1 to 6 of 6

Thread: How to return to online for a span

  1. #1
    Join Date
    Jun 2009
    Posts
    87

    How to return to online for a span

    I would like to know how to return to online for a span. Here is my part of the code:

    HTML Code:
    $ mp3 = '<span title = "'$. filesize_mp3.'<br> RS "> <a href="#"> <img src="mp3.gif" align="absmiddle" class="Img01" /> </ a> </ span>';
    I doubt with with my span tag, I mean shouldn't I need to close the tag <span title .. > <br> ...

    Is there anyone who can help me or explain me about the same?

  2. #2
    Join Date
    Nov 2008
    Posts
    1,022

    Re: How to return to online for a span

    The <span> is unnecessary. If you just want to put a title attribute, you can do on any item here on <a>.

    We can not put in an attribute tag, title or another. We can not save for end of line in a bubble title. If you really want, you'll have to go DIY and make JavaScript for bubbles whose content is in HTML.

  3. #3
    Join Date
    Jun 2009
    Posts
    87

    Re: How to return to online for a span

    I tried like that, but without result:

    HTML Code:
    $ mp3 = '<script language="JavaScript"> document.write ( "span title ="'$. filesize_mp3.'\ nLine2 ">)</ script> ';
    $ mp3 .= <a href="#"> <img src = " '$. path2icons.'mp3_yes.gif "align =" absmiddle "class =" img01 "/> </ a> </ span>';

  4. #4
    Join Date
    Nov 2008
    Posts
    1,022

    Re: How to return to online for a span

    When I talked about tinkering in JavaScript, I meant "we can not do that with normal tooltip with title, so instead we'll schedule tooltips that accept html, JavaScript. I know it is, but I can not give you a starting point. Basically you have no need of this new line.

  5. #5
    Join Date
    Nov 2008
    Posts
    996

    Re: How to return to online for a span

    It would be nice to have a bit more html code. I'll assume the following:

    HTML Code:
    <div class ="file">
      <img id ="logo" src ="logoFile.jpg" alt ="">
      <span id ="bubble">
         size: 2MB <br />
         Duration: 02:05<br />
         etc: info
      </ span>
    </ div>
    at the CSS, we'll put the info bubble just below the image, and hide it.
    HTML Code:
    .file {
       position: relative;
    }
     
    .file span {
       position: absolute;
       display: none;
       /** has to change depending on how you want **/
       width: 200px;
       top: 80px;
       left: 40px;
       padding: 5px;
       background: #eeffce;
       /*****/
    }
    with javascript you will see on the screen the info bubble when it passes over the image
    HTML Code:
    var img = window.document.getElementById('logo');
     var span = window.document.getElementById('bubble');
     
     img.onmouseover = function(){
    	span.style.display = "block";
     }
     
     img.onmouseout = function(){
    	span.style.display = "none";
     }

  6. #6
    Join Date
    Jun 2009
    Posts
    87

    Re: How to return to online for a span

    I used like that, but it not even displays the tooltip

    HTML Code:
    <head>
    <style>
    .file {
       position: relative;
    }
     
    .file span {
       position: absolute;
       display: none;
       /** has to change depending on how you want **/
       width: 200px;
       top: 80px;
       left: 40px;
       padding: 5px;
       background: #eeffce;
       /*****/
    }
    </style>
    <script language="JavaScript">
    var img = window.document.getElementById('logo');
     var span = window.document.getElementById('bubble');
     
     img.onmouseover = function(){
    	span.style.display = "block";
     }
     
     img.onmouseout = function(){
    	span.style.display = "none";
     }
    </script>
    </head>
    <body>
     
    <div class="file">
      <img  id="logo" src="1.png" alt="">
      <span id="bubble">
         size : 2MB<br />
         duration : 02:05<br />
         etc : info
      </span>
    </div>

Similar Threads

  1. Making 5x1 monitor span
    By kAKoLI in forum Monitor & Video Cards
    Replies: 2
    Last Post: 06-12-2011, 02:33 AM
  2. Want to span wallpaper on two screens
    By Tallin in forum Customize Desktop
    Replies: 4
    Last Post: 10-11-2010, 05:06 PM
  3. How to span disk in linux
    By TechGate in forum Operating Systems
    Replies: 4
    Last Post: 11-03-2010, 08:37 PM
  4. span width in HTML Css
    By Ash maker in forum Software Development
    Replies: 5
    Last Post: 03-03-2010, 09:17 PM
  5. Ghost help!!! Missing Span File
    By FolwerHouse in forum Windows Software
    Replies: 1
    Last Post: 21-07-2008, 12:14 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •