get the size of label text inside the div?

Question

I am trying to get the size of label text inside the div and chech of the size is 0 hide this div

Update the text is in dnn_ctr2802_View_lblHelp class dnnHelpText

javascript

  $('.dnnTooltip').dnnTooltip();
    //get the size of the hiden label
    var labelTextSize = $(".dnnHelpText").val().length;
    console.log("labelTextSize");

    if(labelTextSize == 0)
    {
        $('.dnnTooltip').hide()
    }

html

 <div class="pull-right eyeball">
    <img id="img_type" src="/ideaPark/DesktopModules/ExplorationTypeSaftyAlert/img/3.png" />
    <img id="img_safety_alert" class="eyeball-warning" src="/ideaPark/DesktopModules/ExplorationTypeSaftyAlert/img/exploration-warning.png" />
</div>

<div class="dnnTooltip">
<label id="dnn_ctr2802_View_label">
    <a id="dnn_ctr2802_View_cmdHelp" tabindex="-1" href="javascript:__doPostBack(&#39;dnn$ctr2802$View$cmdHelp&#39;,&#39;&#39;)"><span id="lblLabel"></span></a>

</label>
<div id="dnn_ctr2802_View_pnlHelp" class="dnnFormHelpContent dnnClear" style="display:none;">

    <span id="dnn_ctr2802_View_lblHelp" class="dnnHelpText"> bnmbnmbnmbnmtfgjnfvyg</span>
    <a href="#" class="pinHelp"></a>

</div>

score 1 · Accepted Answer · answered Oct 15 '13 at 03:19

try this & BTW try to use jquery UI function .remove()

   var labelTextSize = $('.dnnHelpText').text().length;
    console.log("text:" + labelTextSize.length);
    if (labelTextSize == 1) {
        $('.dnnTooltip').remove();
    }

score 0 · Answer 2 · edited May 23 '17 at 12:31

0

Try this:

var labelTextSize = $("#lblLabel").width();

And to test, try this:

console.log(labelTextSize);

UPDATE:

As anything worked I have search for other way to achieve this. I have found this question and maybe it works for you.

Try this:

$(".dnnHelpText").bind("DOMSubtreeModified", function(){
    var labelTextSize = $(this).width();

    if(labelTextSize == 0)
    {
        $('.dnnTooltip').hide()
    }
});

That snipet add an event listener when the content of the label is been changed. So then, inside the event you may have access to it's properties to do your routine.

edited May 23 '17 at 12:31

Community

1
1

answered Oct 15 '13 at 00:26

DontVoteMeDown

21,122
10
69
105

@ninjaDeveloper changing the selector to `$(".dnnHelpText")` didn't works? – DontVoteMeDown Oct 15 '13 at 00:43
1

it didn't work it labelTextSize =0 and it hide all di.vdnnTooltip – Oct 15 '13 at 00:44
@ninjaDeveloper it's hard to tell without an live example. Try simulate it on jsfiddle with all stylesheet and desired behaviour. – DontVoteMeDown Oct 15 '13 at 00:55
that is the problem I'm using CMS bulletin tools tips – Oct 15 '13 at 01:00

get the size of label text inside the div?

2 Answers2