Example usage for com.google.gwt.event.dom.client MouseOverEvent getRelatedTarget

List of usage examples for com.google.gwt.event.dom.client MouseOverEvent getRelatedTarget

Introduction

In this page you can find the example usage for com.google.gwt.event.dom.client MouseOverEvent getRelatedTarget.

Prototype

public EventTarget getRelatedTarget() 

Source Link

Document

Gets the target from which the mouse pointer was moved.

Usage

From source file:org.ednovo.gooru.client.mvp.gsearch.SearchAbstractView.java

License:Open Source License

/**
 * @param filterPanel instance of DisclosurePanelUc which gets added widget
 * @param key check box name/*w  w  w .ja v  a 2 s .  c  o m*/
 * @param value check box value
 */
public void renderCheckBox(PPanel filterPanel, String key, final String value) {
    final CheckBox categoryChk = new CheckBox();
    categoryChk.setText(value);
    categoryChk.setName(key);
    categoryChk.setStyleName("checkbox");
    //categoryChk.addStyleName(value.toLowerCase());
    filterPanel.add(categoryChk);
    if (value.equalsIgnoreCase("Mobile Friendly")) {
        final Image mobilefriendly = new Image();
        mobilefriendly.setUrl("images/mos/questionmark.png");
        mobilefriendly.getElement().getStyle().setCursor(Cursor.POINTER);
        mobilefriendly.setAltText(i18n.GL0732());
        mobilefriendly.setTitle(i18n.GL0732());
        mobilefriendly.addMouseOverHandler(new MouseOverHandler() {
            @Override
            public void onMouseOver(MouseOverEvent event) {
                toolTip = new ToolTip(i18n.GL0454() + "" + " " + i18n.GL04431() + " " + " ");
                toolTip.getTootltipContent().getElement().setAttribute("style", "width: 258px;");
                toolTip.getElement().getStyle().setBackgroundColor("transparent");
                toolTip.getElement().getStyle().setPosition(Position.ABSOLUTE);
                toolTip.setPopupPosition(mobilefriendly.getAbsoluteLeft() - (50 + 22),
                        mobilefriendly.getAbsoluteTop() + 22);
                toolTip.show();
            }
        });
        mobilefriendly.addMouseOutHandler(new MouseOutHandler() {
            @Override
            public void onMouseOut(MouseOutEvent event) {
                EventTarget target = event.getRelatedTarget();
                if (Element.is(target)) {
                    if (!toolTip.getElement().isOrHasChild(Element.as(target))) {
                        toolTip.hide();
                    }
                }
            }
        });
        filterPanel.add(mobilefriendly);
        categoryChk.getElement().setAttribute("style", "display: inline-block;");
    }
    categoryChk.addValueChangeHandler(new ValueChangeHandler<Boolean>() {

        @Override
        public void onValueChange(ValueChangeEvent<Boolean> event) {
            callSearch();
        }
    });

}

From source file:org.ednovo.gooru.client.mvp.profilepage.content.PPPCollectionMoreInfoVc.java

License:Open Source License

/**
 * Class constructor//from www .  ja  v a2  s. c  o m
 */
public PPPCollectionMoreInfoVc(String collectionId) {

    this.res = SearchMoreInfoVcCBundle.INSTANCE;
    res.css().ensureInjected();
    usedInSearchDo = new SearchDo<CollectionItemSearchResultDo>();
    usedInSearchDo.setPageSize(20);
    setWidget(uiBinder.createAndBindUi(this));
    moreInfotext.setText(GL0726);
    gradeFieldVc.setToolTip(GL1076);
    tagsFieldVc.setToolTip(GL0727);
    timeFieldVc.setToolTip(GL0728);
    likesFieldVc.setToolTip(GL0729);
    shareField.setToolTip(GL0526);
    rightsFieldVc.setToolTip(GL1091);
    rightsLbl.setText(GL0731);
    resourceSearchRightsFieldVc.setToolTip(GL0730);
    imgQuestionImage.setAltText(GL0732);
    imgQuestionImage.setUrl("images/mos/questionmark.png");
    resourceSearchGradeFieldVc.setToolTip(GL1076);
    setUsedInResourcesAsyncCallback(new SimpleAsyncCallback<SearchDo<CollectionItemSearchResultDo>>() {

        @Override
        public void onSuccess(SearchDo<CollectionItemSearchResultDo> result) {
            profileusedInResourcesPanel.clear();
            usedInSearchDo = result;
            setUsedInResources(result.getSearchResults());
        }
    });
    this.collectionId = collectionId;
    getRightsField().setVisible(false);
    getLikesField().setVisible(false);
    resourceSearchGradeFieldVc.setVisible(false);
    resourceSearchRightsFieldVc.setVisible(false);
    rightsLbl.setVisible(false);
    shareField.setVisible(false);

    imgQuestionImage.addMouseOverHandler(new MouseOverHandler() {

        @Override
        public void onMouseOver(MouseOverEvent event) {
            toolTip = new ToolTip();

            toolTip.getElement().getStyle().setBackgroundColor("transparent");
            toolTip.getElement().getStyle().setPosition(Position.ABSOLUTE);
            toolTip.setPopupPosition(imgQuestionImage.getAbsoluteLeft() - (150 + 22),
                    imgQuestionImage.getAbsoluteTop() + 22);
            toolTip.show();
        }
    });
    imgQuestionImage.addMouseOutHandler(new MouseOutHandler() {

        @Override
        public void onMouseOut(MouseOutEvent event) {

            EventTarget target = event.getRelatedTarget();
            if (Element.is(target)) {
                if (!toolTip.getElement().isOrHasChild(Element.as(target))) {
                    toolTip.hide();
                }
            }
        }
    });
    imgQuestionImage.setVisible(false);
}

From source file:org.ednovo.gooru.client.mvp.search.resource.ResourceSearchResultVc.java

License:Open Source License

/**
 * Set resource search result meta data info such as title, image, description , etc..
 * @param resourceSearchResultDo instance of {@link ResourceSearchResultDo}
 *///from www. j a  va  2  s .c  om
public void setData(ResourceSearchResultDo resourceSearchResultDo) {
    this.resourceSearchResultDo = resourceSearchResultDo;

    String category = resourceSearchResultDo.getResourceFormat().getValue() != null
            ? resourceSearchResultDo.getResourceFormat().getValue()
            : "webpage";
    wrapperVcr.setData(resourceSearchResultDo);
    String description = resourceSearchResultDo.getDescription();
    String title = "";
    String resourceTitle;
    if (resourceSearchResultDo.getResourceTitle().contains("class")) {
        title = resourceSearchResultDo.getResourceTitle();
    } else {
        title = StringUtil.truncateText(resourceSearchResultDo.getResourceTitle(), 38);
    }
    boolean shortenMetaLength = category.equalsIgnoreCase(VIDEO) || category.equalsIgnoreCase(QUESTION) ? true
            : false;

    String source = resourceSearchResultDo.getResourceSource() != null
            ? resourceSearchResultDo.getResourceSource().getAttribution()
            : null;
    SearchUiUtil.renderSourceMetadata(metaDataFloPanel, source, null, shortenMetaLength ? 15 : 25);
    SearchUiUtil.renderMetaData(metaDataFloPanel, resourceSearchResultDo.getCourseNames(),
            shortenMetaLength ? 15 : 18);
    SearchUiUtil.renderMetaData(metaDataFloPanel, resourceSearchResultDo.getTotalViews()
            + (resourceSearchResultDo.getTotalViews() == 1 ? VIEW : VIEWS));
    if (category.equalsIgnoreCase(VIDEO)) {
        SearchUiUtil.renderMetaData(metaDataFloPanel,
                StringUtil.stringToTime(resourceSearchResultDo.getDurationInSec()));
    } else if (category.equalsIgnoreCase(QUESTION)) {
        SearchUiUtil.renderMetaData(metaDataFloPanel,
                StringUtil.getQuestionType(resourceSearchResultDo.getQuestionType() != null
                        ? resourceSearchResultDo.getQuestionType()
                        : ""));
    }
    if (resourceSearchResultDo.getNumOfPages() != null && !resourceSearchResultDo.getNumOfPages().equals("0")
            && !resourceSearchResultDo.getNumOfPages().equalsIgnoreCase(NULL)
            && resourceSearchResultDo.getNumOfPages().length() > 0) {
        SearchUiUtil.renderMetaData(metaDataFloPanel, resourceSearchResultDo.getNumOfPages() + PAGES);
    }
    title = title.replaceAll("<p>", "").replaceAll("</p>", "");
    lblResourceTitle.setHTML(title);
    resourceTitle = resourceSearchResultDo.getResourceTitle();
    lblResourceTitle.getElement().setId(resourceSearchResultDo.getGooruOid());
    if (lblResourceTitle.getText().length() > 38) {
        lblResourceTitle.getElement().getStyle().setWidth(350, Unit.PX);
    }
    String mediaType = resourceSearchResultDo.getMediaType();

    boolean setVisibility = mediaType != null ? mediaType.equalsIgnoreCase("not_iPad_friendly") ? true : false
            : false;

    imgNotFriendly.setVisible(setVisibility);

    if (imgNotFriendly.isVisible()) {
        lblResourceTitle.getElement().getStyle().setFloat(Float.LEFT);
    } else {
        lblResourceTitle.getElement().getStyle().clearFloat();
    }

    imgNotFriendly.addMouseOverHandler(new MouseOverHandler() {

        @Override
        public void onMouseOver(MouseOverEvent event) {
            toolTip = new ToolTip(GL0454 + ""
                    + "<img src='/images/mos/ipadFriendly.png' style='margin-top:0px;'/>" + " " + GL04431);
            toolTip.getElement().getStyle().setBackgroundColor("transparent");
            toolTip.getElement().getStyle().setZIndex(9999999);
            toolTip.getElement().getStyle().setPosition(Position.ABSOLUTE);
            toolTip.setPopupPosition(imgNotFriendly.getAbsoluteLeft() - (50 + 22),
                    imgNotFriendly.getAbsoluteTop() + 22);
            toolTip.show();
        }
    });
    imgNotFriendly.addMouseOutHandler(new MouseOutHandler() {

        @Override
        public void onMouseOut(MouseOutEvent event) {

            EventTarget target = event.getRelatedTarget();
            if (Element.is(target)) {
                if (!toolTip.getElement().isOrHasChild(Element.as(target))) {
                    toolTip.hide();
                }
            }
        }
    });
    if (description != null && description.length() > 205) {
        description = description.trim().substring(0, 205) + "...";
    }
    resourceDescriptionHtml.setHTML(description);
    resourceTitleContainer.getElement().getStyle().setZIndex(99999);
    resourceImageUc.getElement().getStyle().setZIndex(99999);
    resourceImageUc.renderSearch(category, resourceSearchResultDo.getUrl(), null,
            resourceSearchResultDo.getGooruOid(), PLAYER_NAME, resourceTitle, false, "");
    SearchUiUtil.renderStandards(standardsFloPanel, resourceSearchResultDo);
}

From source file:org.ednovo.gooru.client.mvp.search.SearchFilterVc.java

License:Open Source License

/**
 * Get filter for search// w  w  w  . j a va 2 s.  c o  m
 * @param searchFilterDo instance of {@link SearchFilterDo}
 */
public void renderFilter(SearchFilterDo searchFilterDo) {
    categoryPanelUc.clear();
    subjectPanelUc.clear();
    gradePanelUc.clear();
    panelNotMobileFriendly.clear();
    if (searchFilterDo != null) {
        if (searchFilterDo.getCategories() != null) {
            Iterator<Map.Entry<String, String>> categoriesIterator = searchFilterDo.getCategories().entrySet()
                    .iterator();
            while (categoriesIterator.hasNext()) {
                Map.Entry<String, String> entry = categoriesIterator.next();
                renderCheckBox(categoryPanelUc, entry.getKey(), entry.getValue());
            }
        }
        if (searchFilterDo.getGradeLevels() != null) {
            renderCheckBox(gradePanelUc, "K-4", GL0166);
            renderCheckBox(gradePanelUc, "5-8", GL0167);
            renderCheckBox(gradePanelUc, "9-12", GL0168);
            renderCheckBox(gradePanelUc, "H", GL0169);
        }
        if (searchFilterDo.getSubjects() != null) {
            for (String subject : searchFilterDo.getSubjects()) {
                renderCheckBox(subjectPanelUc, subject, subject);
            }
        }
    }
    if (AppClientFactory.getPlaceManager().getCurrentPlaceRequest().getNameToken()
            .equalsIgnoreCase(PlaceTokens.RESOURCE_SEARCH)) {
        resourceLinkLbl.addStyleName(style.active());
        collectionLinkLbl.removeStyleName(style.active());
        renderCheckBox(panelNotMobileFriendly, "not_ipad_friendly", "Mobile Friendly");
        final Image imgNotFriendly = new Image("images/mos/questionmark.png");
        imgNotFriendly.getElement().getStyle().setLeft(114, Unit.PX);
        imgNotFriendly.getElement().getStyle().setTop(-21, Unit.PX);
        imgNotFriendly.getElement().getStyle().setMarginLeft(30, Unit.PX);
        imgNotFriendly.getElement().getStyle().setPosition(Position.RELATIVE);

        /*         imgNotFriendly.getElement().getStyle().setMarginLeft(29, Unit.PX);
        */
        imgNotFriendly.getElement().getStyle().setCursor(Cursor.POINTER);
        imgNotFriendly.setAltText(GL0732);
        imgNotFriendly.setTitle(GL0732);
        imgNotFriendly.addMouseOverHandler(new MouseOverHandler() {

            @Override
            public void onMouseOver(MouseOverEvent event) {
                toolTip = new ToolTip(GL0454 + ""
                        + "<img src='/images/mos/ipadFriendly.png' style='margin-top:0px;'/>" + " " + GL04431);

                toolTip.getElement().getStyle().setBackgroundColor("transparent");
                toolTip.getElement().getStyle().setPosition(Position.ABSOLUTE);
                toolTip.setPopupPosition(imgNotFriendly.getAbsoluteLeft() - (50 + 22),
                        imgNotFriendly.getAbsoluteTop() + 22);
                toolTip.show();
            }
        });
        imgNotFriendly.addMouseOutHandler(new MouseOutHandler() {

            @Override
            public void onMouseOut(MouseOutEvent event) {

                EventTarget target = event.getRelatedTarget();
                if (Element.is(target)) {
                    if (!toolTip.getElement().isOrHasChild(Element.as(target))) {
                        toolTip.hide();
                    }
                }
            }
        });
        panelNotMobileFriendly.add(imgNotFriendly);
        panelNotMobileFriendly.setVisible(true);
    } else {
        collectionLinkLbl.addStyleName(style.active());
        resourceLinkLbl.removeStyleName(style.active());
    }
    this.setVisible(true);
}

From source file:org.ednovo.gooru.client.mvp.search.SearchMoreInfoVc.java

License:Open Source License

public void setHandler() {
    imgQuestionImage.addMouseOverHandler(new MouseOverHandler() {

        @Override/*from w  ww .ja  v a 2s. c  o m*/
        public void onMouseOver(MouseOverEvent event) {
            toolTip = new ToolTip(GL0454 + ""
                    + "<img src='/images/mos/ipadFriendly.png' style='margin-top:0px;'/>" + " " + GL04431);

            toolTip.getElement().getStyle().setBackgroundColor("transparent");
            toolTip.getElement().getStyle().setPosition(Position.ABSOLUTE);
            toolTip.setPopupPosition(imgQuestionImage.getAbsoluteLeft() - (50 + 22),
                    imgQuestionImage.getAbsoluteTop() + 22);
            toolTip.show();
        }
    });
    imgQuestionImage.addMouseOutHandler(new MouseOutHandler() {

        @Override
        public void onMouseOut(MouseOutEvent event) {

            EventTarget target = event.getRelatedTarget();
            if (Element.is(target)) {
                if (!toolTip.getElement().isOrHasChild(Element.as(target))) {
                    toolTip.hide();
                }
            }
        }
    });
    imgQuestionImage.setVisible(false);
}

From source file:org.ednovo.gooru.client.mvp.shelf.collection.tab.resource.add.AddSearchSuggestedResourceView.java

License:Open Source License

public void setData(ResourceSearchResultDo resourceSearchResultDo) {
    this.resourceSearchResultDo = resourceSearchResultDo;
    ratingWidgetView.getRatingCountOpenBrace().setText(i18n.GL_SPL_OPEN_SMALL_BRACKET());
    ratingWidgetView.getRatingCountLabel().setText(resourceSearchResultDo.getRatings().getCount().toString());
    ratingWidgetView.getRatingCountCloseBrace().setText(i18n.GL_SPL_CLOSE_SMALL_BRACKET());
    ratingWidgetView.setAvgStarRating(resourceSearchResultDo.getRatings().getAverage());
    //      ratingWidgetView.setAvgStarRating(2); 
    String category = resourceSearchResultDo.getResourceFormat().getValue() != null
            ? resourceSearchResultDo.getResourceFormat().getValue()
            : "webpage";
    String description = resourceSearchResultDo.getDescription();
    String title = "";
    String resourceTitle;/*from  w w  w .j  a v a  2  s.  c o  m*/
    if (resourceSearchResultDo.getResourceTitle().contains("class")) {
        title = resourceSearchResultDo.getResourceTitle();
    } else {
        title = StringUtil.truncateText(resourceSearchResultDo.getResourceTitle(), 38);
    }
    boolean shortenMetaLength = category.equalsIgnoreCase(VIDEO) || category.equalsIgnoreCase(QUESTION) ? true
            : false;

    //String source = resourceSearchResultDo.getResourceSource() != null ? resourceSearchResultDo.getResourceSource().getAttribution() : null;
    if (resourceSearchResultDo.getAggregator() != null) {
        String aggregatorData = "";
        for (String aggregator : resourceSearchResultDo.getAggregator()) {
            if (resourceSearchResultDo.getAggregator().size() > 1) {
                aggregatorData = aggregatorData + aggregator + ",";
            } else {
                aggregatorData = aggregator;
            }
        }
        if (aggregatorData.endsWith(",")) {
            aggregatorData = aggregatorData.substring(0, aggregatorData.length() - 1);
        }
        //   SearchUiUtil.renderSourceMetadata(metaDataFloPanel, aggregatorData ,null, shortenMetaLength ? 15 : 25);
    }

    if (resourceSearchResultDo.getPublisher() != null) {
        String publisherData = "";
        for (String publisher : resourceSearchResultDo.getPublisher()) {
            if (resourceSearchResultDo.getPublisher().size() > 1) {
                publisherData = publisherData + publisher + ",";
            } else {
                publisherData = publisher;
            }

        }
        if (publisherData.endsWith(",")) {
            publisherData = publisherData.substring(0, publisherData.length() - 1);
        }
        //SearchUiUtil.renderSourceMetadata(metaDataFloPanel, publisherData ,null, shortenMetaLength ? 15 : 25);
    }

    renderMetaData(metaDataFloPanel, resourceSearchResultDo.getCourseNames(), shortenMetaLength ? 15 : 18);

    renderMetaData(metaDataFloPanel, resourceSearchResultDo.getTotalViews()
            + (resourceSearchResultDo.getTotalViews() == 1 ? VIEW : VIEWS));
    if (category.equalsIgnoreCase(VIDEO)) {
        SearchUiUtil.renderMetaData(metaDataFloPanel,
                StringUtil.stringToTime(resourceSearchResultDo.getDurationInSec()));
    } else if (category.equalsIgnoreCase(QUESTION)) {
        //SearchUiUtil.renderMetaData(metaDataFloPanel, StringUtil.getQuestionType(resourceSearchResultDo.getQuestionType() !=null ? resourceSearchResultDo.getQuestionType() : ""));
    }
    if (resourceSearchResultDo.getNumOfPages() != null && !resourceSearchResultDo.getNumOfPages().equals("0")
            && !resourceSearchResultDo.getNumOfPages().equalsIgnoreCase(NULL)
            && resourceSearchResultDo.getNumOfPages().length() > 0) {
        SearchUiUtil.renderMetaData(metaDataFloPanel, resourceSearchResultDo.getNumOfPages() + PAGES);
    }
    title = title.replaceAll("<p>", "").replaceAll("</p>", "");
    lblResourceTitle.setHTML(title);
    lblResourceTitle.getElement().setAttribute("alt", title);
    lblResourceTitle.getElement().setAttribute("title", title);
    resourceTitle = resourceSearchResultDo.getResourceTitle();
    lblResourceTitle.getElement().setId(resourceSearchResultDo.getGooruOid());
    if (lblResourceTitle.getText().length() > 38) {
    }
    String mediaType = resourceSearchResultDo.getMediaType();

    boolean setVisibility = mediaType != null ? mediaType.equalsIgnoreCase("iPad_friendly") ? true : false
            : true;
    //boolean setVisibility = mediaType !=null ?  mediaType.equalsIgnoreCase("not_iPad_friendly") ? false : true : true;

    //imgNotFriendly.setVisible(setVisibility);
    if (setVisibility) {
        imgNotFriendly.getElement().setId("imgImgFriendly");
        imgNotFriendly.setTitle(i18n.GL0737_1());
        imgNotFriendly.setAltText(i18n.GL0737_1());
        imgNotFriendly.setUrl("images/mos/MobileFriendly.png");
    } else {
        imgNotFriendly.getElement().setId("imgImgNotFriendly");
        imgNotFriendly.setTitle(i18n.GL0737());
        imgNotFriendly.setAltText(i18n.GL0737());
        imgNotFriendly.setUrl("images/mos/mobileunfriendly.png");
    }
    if (imgNotFriendly.isVisible()) {
        lblResourceTitle.getElement().getStyle().setFloat(Float.LEFT);
    } else {
        lblResourceTitle.getElement().getStyle().clearFloat();
    }

    imgNotFriendly.addMouseOverHandler(new MouseOverHandler() {

        @Override
        public void onMouseOver(MouseOverEvent event) {
            toolTip = new ToolTip(i18n.GL0454() + ""
                    + "<img src='/images/mos/MobileFriendly.png' style='margin-top:0px;width:20px;height:15px;'/>"
                    + " " + i18n.GL04431() + " "
                    + "<img src='/images/mos/mobileunfriendly.png' style='margin-top:0px;width:20px;height:15px;'/>"
                    + " " + i18n.GL_SPL_EXCLAMATION());
            toolTip.getTootltipContent().getElement().setAttribute("style", "width: 258px;");
            toolTip.getElement().getStyle().setBackgroundColor("transparent");
            toolTip.getElement().getStyle().setZIndex(9999999);
            toolTip.getElement().getStyle().setPosition(Position.ABSOLUTE);
            toolTip.setPopupPosition(imgNotFriendly.getAbsoluteLeft() - (50 + 22),
                    imgNotFriendly.getAbsoluteTop() + 22);
            toolTip.show();
        }
    });
    imgNotFriendly.addMouseOutHandler(new MouseOutHandler() {

        @Override
        public void onMouseOut(MouseOutEvent event) {

            EventTarget target = event.getRelatedTarget();
            if (Element.is(target)) {
                if (!toolTip.getElement().isOrHasChild(Element.as(target))) {
                    toolTip.hide();
                }
            }
        }
    });
    if (description != null && description.length() > 205) {
        description = description.trim().substring(0, 205) + "...";
    }
    resourceDescriptionHtml.setHTML(description);
    resourceTitleContainer.getElement().getStyle().setZIndex(99999);
    resourceImageUc.getElement().getStyle().setZIndex(99999);
    resourceImageUc.renderSearch(category, resourceSearchResultDo.getUrl(), null,
            resourceSearchResultDo.getGooruOid(), PLAYER_NAME, resourceTitle, false, "", "");
    renderStandards(standardsFloPanel, resourceSearchResultDo);
}

From source file:org.waveprotocol.wave.client.widget.common.HoverHelper.java

License:Apache License

/**
 * Installs event handlers on a hoverable to track hovering programmatically.
 *
 * @param hoverable  hoverable to track//www. ja  va 2s  .  c o  m
 */
public void setup(final Hoverable hoverable) {
    //
    // Install mouse-over and mouse-out handlers.
    //
    // The handlers always cancel bubbling, in case hoverables are nested
    // (otherwise, less-specific top-level elements would grab hover from more
    // specific nested elements).
    //
    // This is not so nice, because mouse over/out handlers shouldn't really
    // cancel bubbling in order to cooperate (e.g., imagine if some random
    // element deep in the DOM stopped a hoverable from finding out about
    // mouse-overs...).
    //
    hoverable.addHandlers(new MouseOverHandler() {
        @Override
        public void onMouseOver(MouseOverEvent event) {
            enter(hoverable);
            event.stopPropagation();
        }
    }, new MouseOutHandler() {
        @Override
        public void onMouseOut(MouseOutEvent event) {
            EventTarget to = event.getRelatedTarget();
            // Blur, unless we're moving into a descendant.
            if (!(to != null && hoverable.isOrHasChild(Element.as(to)))) {
                exit(hoverable);
            }
            event.stopPropagation();
        }
    });
}