frequent: Tooltip auf Custom Checkbox

Beitrag lesen

was nutzst du? Dragonfly?

nen stinknormalen HTML Editor. Phase5.

Ich dachte, vielleicht springt einem Fachmann der Fehler ins Auge. Mir jedenfalls nicht... :-(

Bin aber schon etwas schlauer. Hier die Zusammenfassung:

HTML

  
<tr>  
 <td class="logoCarrier_checked">  
   <!-- wird versteckt & img danach eingeblendet -->  
   <input type="checkbox" name="0" checked="checked" />  
  
   <!--tooltip-->  
   <div class="tooltip" id="0">  
   <p>bl2bl2</p>  
   </div>  
  
  </td>  
 </tr>  

Javascript - IMG genieren und Atttribute einfügen

  
/* Checkbox ausblenden */  
cover.style.display = "none";  
  
/* IMG generieren */  
n = d.createElement("img");  
  
/* class zuweisen */  
n.setAttribute("class","steil");  
  
/* nach Checkbox einfügen */  
cover.parentNode.insertBefore(n,cover.nextSibling);  

CSS wird auch auf genierete IMG angewendet

  
.steil {  
       position: relative;  
       right: 2px;  
       cursor: pointer;  
       }  
.tooltip {  
       display:none;  
       }  

Der Tooltip, der nicht will...

  
$(function()  
   {$('.steil').tooltip(  
      {  
      effect: 'slide'  
      })  
   });  

Dem IMG wird eine Klasse und entsprechendes CSS zugewiesen.

Danke für Input & Grüße,

Frequent