2017-02-17 3 views
0

Ich habe Tooltip für jede Tabellenzeile, um Bearbeitungsoptionen anzuzeigen. Ich mache es sichtbar mit diesem Code:wie Tooltipp in js zu verbergen

function popupFunction(p) { 
    var popup = document.getElementById("sp" + p); 
    popup.classList.toggle("show"); 
} 

Es funktioniert gut. Aber jetzt ist das Problem, wie man es versteckt, wenn ich irgendwelche anderen Plätze klicke?

Hier ist mein html:

<div class='popup' id='eds'> 
    <i class='fa fa-ellipsis-v' id =" + values.items[i].id + " onclick='popupFunction(this.id)'></i> 
    <span class='popuptext' id =sp" + values.items[i].id + "> 
    <div onclick='edit(this.id)' id =ed" + values.items[i].id + ">Edit</div> 
    <br/> 
    <div onclick='deleteFunction(this.id)' id =de" + values.items[i].id + ">Delete</div> 
    </span> 
</div> 
+0

bitte plain/final html statt Generation Logik hinzufügen, so dass wir detailliertere Antworten hinzufügen können. – marmeladze

Antwort

0

wenn show Klasse macht ein Element als Tooltip rendred werden, dann ist es zu entfernen, sollte es verstecken.

document.getElementById(some_id).classList.remove("show") 

sollte den Trick tun, glaube ich.