logo
down
shadow

Not able to display properly the hyperlinks because style=display:none


Not able to display properly the hyperlinks because style=display:none

Content Index :

will be helpful for those in need You have to use the show() function as well.You are just hiding the elements which are not(".active") in both the cases. You also need to show the active ones otherwise the display attribute will still be none, from the previous use of hide().
$(document).ready(function(){
            $('#btnSearchCancel').click(function(e){
                e.preventDefault();            
                $('ul#tabs li').toggleClass('active');
                $("ul#tabs li").not(".active").hide(); 
              $("ul#tabs li.active").show(); 
            });
            $('#btnSearch').click(function(e){
                e.preventDefault();            
                $('ul#tabs li').toggleClass('active');
                $("ul#tabs li").not(".active").hide();
              $("ul#tabs li.active").show(); 
            });
        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div id="divMenuTab">
    <ul id="tabs">
        <li class="active"><a href="javascript:void(0);" id="aTabDocuments" > <span></span>Home</a></li>
        <li><a href="javascript:void(0);" id="aTabSearch"><span></span>Search</a></li>

    </ul>
</div>

<div id="divSearchTab">
<input type="button" value="Cancel" id="btnSearchCancel" name="btnSearchCancel" class="btnPrimary" style="width: 60px;"/>
<input type="submit" class="btnPrimary" value="Search" id="btnSearch" name="btnSearch"/>
</div>

Comments
No Comments Right Now !

Boards Message :
You Must Login Or Sign Up to Add Your Comments .

Share : facebook icon twitter icon

SUmmernote doesnt display properly. I mean it's style


Tag : javascript , By : harley.holt
Date : March 29 2020, 07:55 AM
Does that help The problem was my summernote version. I used summernote for bootstrap 2, but my Bootstrap version was 3. When I downloaded summernote for Bootstrap 3. Everything worked fine.

Tag : regex , By : cnemelka
Date : March 29 2020, 07:55 AM
wish help you to fix your issue Hi guys just got to the bottom of this, the functions formatWithLinks is the key to solve this, it was found in the view.cfc file as @Leigh suggested ( thank you ) and here is the complete code of the function:
<cffunction name="formatWithLinks" output="false" returntype="string">
    <cfargument name="input" />
    <cfscript>
        var output = Arguments.input;
        /*var httpREWithProtocol = "(?x)
                (
                    ((https|http):\/\/)     ## protocol
                    (
                        [a-zA-Z]{1}         
                        ([\w-]+\.)+
                        ([a-zA-Z]{2,})      ## top level domain
                    )                       ## domain name
                    (:[\d]{1,5})?           ## port number
                    ((/?\w+/)+|/?)
                    (\w+\.[\w]{3,4})?
                    ((\?\w+=\w+)?
                    (&\w+=\w+)*)?
                )";*/
        var httpREWithoutProtocol = "(?x)
                (\s)                        ## Space requirement here means this won't match beginning of string
                (
                    (
                        [a-zA-Z]{1}         
                        ([\w-]+\.)+
                        ([a-zA-Z]{2,})      ## top level domain
                    )                       ## domain name
                    (:[\d]{1,5})?           ## port number
                    ((/?\w+/)+|/?)
                    (\w+\.[\w]{3,4})?
                    ((\?\w+=\w+)?
                    (&\w+=\w+)*)?
                )";
        var httpREWithoutProtocolBeginningOfString = "(?x)
                ^                           ## Match string here; I don't like doing it this way, but at least it works
                (
                    (
                        [a-zA-Z]{1}         
                        ([\w-]+\.)+
                        ([a-zA-Z]{2,})      ## top level domain
                    )                       ## domain name
                    (:[\d]{1,5})?           ## port number
                    ((/?\w+/)+|/?)
                    (\w+\.[\w]{3,4})?
                    ((\?\w+=\w+)?
                    (&\w+=\w+)*)?
                )";
        var emailRE = "(?x)
                (
                    [\S]+@                      ## user
                    [a-zA-Z]{1}             
                    ([\w-]+\.)+
                    ([a-zA-Z]{2,})
                )";
        output = REReplace(output, "<[^>]*>", "", "all");
        output = XMLFormat(output);
        //output = REReplace(output, httpREWithProtocol, "<a href=""\1"">\1</a>", "all");
         output = REReplaceNoCase(output,"(\bhttp://[a-z0-9\.\-_:~@##%&/?+=]+)", "<a href=""\1"">\1</a>", "all");
        output = REReplace(output, httpREWithoutProtocol, "\1<a href=""http://\2"">\2</a>", "all");
        output = REReplace(output, httpREWithoutProtocolBeginningOfString, "<a href=""http://\1"">\1</a>", "all");
        output = REReplace(output, emailRE, "<a href=""mailto:\1"">\1</a>", "all");
        return output;
    </cfscript>
</cffunction>

How can I properly display my divs in masonry style using flex?


Tag : html , By : jedameron
Date : March 29 2020, 07:55 AM
it should still fix some issue Is there any reason it has to be with flexbox?
If you don't mind using an alternative method this tutorial will show you exactly how to create masonry-style layouts. Here's what you'll end up with.
<div class="masonry">
   <div class="item">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
   <div class="item">Neque, vitae, fugiat, libero corrupti officiis sint facilis tempora quidem repudiandae praesentium odit similique adipisci aut.</div>
   <div class="item">Incidunt sit unde minima in nostrum?</div>
   <div class="item">Ducimus, voluptates, modi, delectus animi maiores consequuntur repellat quisquam fugiat eum possimus enim culpa totam praesentium magni quae!</div>
   <div class="item">Lorem ipsum dolor sit amet, dicta dolore adipisci hic ipsam velit deleniti possimus cumque accusantium rerum quibusdam.</div>
   <div class="item">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae, praesentium consequatur ducimus commodi quam ex illo omnis dicta reiciendis vel nesciunt deserunt aut sequi nam mollitia perferendis ipsam possimus temporibus!</div>
   <div class="item">Ab, adipisci, temporibus eaque quis harum perferendis incidunt cupiditate doloribus dolor numquam voluptates ipsum dolore aspernatur et voluptate ipsam beatae animi culpa.</div>
</div>
.masonry { /* Masonry container */
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}
.item { /* Masonry bricks or child elements */
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}

style.display of undefined while the element is properly defined


Tag : javascript , By : mdiezb
Date : March 29 2020, 07:55 AM
Any of those help thisElem is a jQuery object, not a dom element reference so it doesn't have style property.
If you just want to toggle the display of the element, then you can simply use .toggle() method from jQuery.
function toggleFoo() {
  var btn = $('button');

  btn.click(function() {
    var thisElem = $(this).closest('.parent').find('.children');
    console.log(thisElem.length)
    thisElem.toggle();
  });
};

$(document).ready(toggleFoo);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parent">
  <button>Click me</button>
  <div class="children">
    <h2>foo</h2>
  </div>
</div>
var thisElem = $(this).closest('.parent').find('.children')[0];

Insert data use tinymce in laravel. but display showing css style. how to remove css style in display


Tag : php , By : orlandoferrer
Date : March 29 2020, 07:55 AM
I hope this helps . Form Code , Display your data in view with {!! $text !!} not with {{ $text }}.
Related Posts Related QUESTIONS :
  • How to fit iframe content size to its div area in bootstrap 4 when the window is shrunk?
  • How to Set a Different Image for Each Row in a jQuery Table using CSS
  • Toggle button appears but does not toggle when clicked
  • How to add full calendar date to dynamic textboxes
  • MultiDatesPicker for jQuery UI is not showing
  • How do I replace all hashtags in a contenteditable div with a hyperlink while ignoring previously replaced hashtags?
  • posting to aweber with jQuery
  • Why does not Modal dialog work with latest version of Jquery?
  • Cancel draggable dragging
  • Validate subset of a form using jQuery Validate plugin
  • jquery how to make insertBefore work only once, on first click?
  • jquery appendTo form
  • Jquery code working in all browsers apart from FF
  • jquery syntax function(){mylongfunc();} vs. just mylongfunc();
  • jQuery.load doesn't execute javascript with document.write
  • Animate hidden hyperlink to display:block
  • jquery ajax call returning error when its not an error
  • Exclude one or more elements from being connected (using connectWith) in jQuery's sortable lists
  • Adding link with existing href
  • jquery cycle plugin divs always stacked problem
  • jquery toggle and fade in one function?
  • JQuery UI Tabs caching
  • Drag and Drop into another div and move in the div only using jquery
  • Links in rounded boxes? In ALL browsers (yep included IE8)
  • How to change the content of the Span using jQuery?
  • jQuery; combine user click and :checked
  • jQuery - Finding the element index relative to its container
  • jQuery .each() function. Resetting the index?
  • jQuery storing settings
  • Why does asp.net mvc form submits itself on button clicks when javascript function error?
  • Linking to non-home panel in JQTouch site
  • How to Edit jQuery Table Using CSS
  • Jquery hover triggers "mouse leave" without cursor leaving
  • DELETE http://localhost:8000/product/[object%20Object] 500 (Internal Server Error)
  • Comparing two string arrays and returning key of not found element using jquery
  • using jquery to change list items is changing all list items, when i want to only change one list item
  • Sending a Json data from my html page to a php
  • Click function to search a specific element in a Json object
  • Bootstrap 4 - Progress Bar Progression
  • how to deleted item materialize chips
  • jQuery - Hide non-active elements using filter()
  • Adding style to string table is not working
  • Github merge multiple files into single compressed master file
  • Replace characters in a field on page load
  • Unable to send data from Form to SQL database
  • If all divs have same style, remove element
  • How to click a jQuery Dialog button in TestCafe
  • Cannot reinitialise DataTable with Angular Datatable
  • How to add Class active on Click in Navbar
  • how to call fail method into jquery.get/post success method?
  • Slider with tabs
  • Jquery Get parent element from data function
  • Ho to put a new line in <p> tag in my jquery?
  • How can I use a text value as a mathematical operator?
  • DataTable columns values showing Only DefaultContent
  • JQuery select dynamically added elements
  • How to change an image source on hover?
  • How to bind jquery event to dynamically added multiple DOM elements?
  • How to get td values and store in array using Jquery?
  • How to add handler to dinamically created tr in JQuery?
  • shadow
    Privacy Policy - Terms - Contact Us © scrbit.com