Awesome works for me

Well done!! .. Is it possible to integrate the pop-out with Google Custom Search box?

So I put the code (might I add, brilliant job, very cool program) for this into my meteor/bootstrap project, and everything seems to work ok except the text box is constatly outlined in blue, and the text gets cut off on the top and bottom. I can add a height tag to remove the bottom cutoff, but the blue outline and top cutoff persists. Any help would be great, and thanks again for the code in the first place, mouse0270!

I would need to see your code to help you resolve this issue.

how do you suggest i show it to you?

Provide an online demo or send me the files (assuming it isn't connected to a database)

it is connected to a database. it uses mongo db since it is a meteor project

Does the console throw any errors?

I don't know but It didn't open on my script. I rechecked everything on firebug but this script didn't fire on click.

were the same problem. Please help us.

I would need to see your code to help you resolve this.

I would need to see your code to help you resolve this.

Awesome job! Although I am having trouble loading it on browsers for mobile devices. It's kinda slow. How can I fix that?

not working for me . just copied all codes and it doesn't work

I know this is old but I'd like to know how can I change or remove the blue X that appears next to the keyword (to delete it) in Chrome. Thanks!

What blue "X"

Does it work if I hit Enter btn?

Perfect!!!

Hey Mouse0270,

Is there a way to prefix a symbol in search. I see that you have a placeholder, which is awesome. But for me, I have been trying to get my mind around how to prefix '$' in front of what the user types. Is that something you can comment on?

This is actually a lot more complicated due to the fact that the textbox is 100% the width of the screen so you can't just use css or a div because it would place the text at the very beginning/left side of the screen. So I think I came up with a workaround. You can check it out here: http://bootsnipp.com/mouse0...

I hope this is what you were looking for, if not just let me know.

you could add your style like z-index:1 if you would like to.

though its nothing and so totally stupid till I clicked on search I cant believe you did awesome job.

i think #search.open want z-index

Can someone provide me with a snippet to include which will allow me to input search queries and receive results accordingly.

What do you plan on using for searching? A google, bing, yahoo widget or something else all together?

Looks fantastic! Nice job!

Amazing!!

amazing!! nice job!

This is really bad design, there's no clear close/back, it doesn't work with keyboard shortcuts, and it takes over my full 4k monitor with a tiny search box(60px fixed size font).

You're an ass!

Build it yourself!!! Oh, wait... I bet you can't!

I have added a close button to make a more visible way of closing the search box. I have also made it so pressing 'escape' will close the the search box. I am sorry about the font size though, I really don't want to write script that will scale and center the search input and button with the screen size because that seems like more work than is needed for a simple snippet meant to inspire you to build upon.

I would have liked to say ask nicely and you shall receive, but you kinda sounded like a dick in your comment. Since this is free code for you to use that I took the time to write and share I am going to assume I am just taking you comment more to heart than I should.

Sorry, didn't mean to sound like that, I've got a massive thing for accessibility, and when I first used this and didn't see a clear and easy way to dismiss it I saw it as a major problem(because most users are unwilling to try things to resolve an issue, I know people who'd get into that situation, give up finding a close button and reload the page, or search google for your site again).

That turn around time in fixing the complaints though is awesome, and I thank you for actually responding, reading my comment I know what you mean, it wasn't intentional, and I'm sorry.

Like I said, I probably took it more to heart than it was meant. You did have very valid points. Since this does take over the entire screen it should have a clear way to back out of it. As for keyboard accessibility I have found that a lot of users on my sites do not even realize they can use the keyboard to do certain things and I usually don't add it anymore unless it is requested.

Dont listen to scragar. It would be a different story if the snippet was paid for. It is an amazing snippet. Thank you for taking the time to build it.

Man, this is a really great snippet, you have gone far and beyond being awesome :)

There are a lot of people using Bootsnipp and some don't understand that this is not a "freelancer" type of website and all work done here comes out of somebody's free time. I would suggest not paying too much attention to negative comments because it's really difficult to please 10,000 people at once.

You've been doing some exceptional work on Bootsnipp and I'm really impressed with every snippet you make, keep up the good work!

Cool feature and so easy to implement, bravo!

Thank you! Glad to see you like it.

This is so fancy.

Sorry to ask but I don't realize how to send the form to another .php page to be processed. Thanks in advance.!

you'll need to have an "action" attribute defined for the "form" tag.

Thanks Max for your reply. I already did that and nothing happens. Here's my code:

<form role="form" action="search.php" data-toggle="validator" method="POST">
<input type="search" value="" placeholder="type here"/>
<button type="submit" class="btn btn-primary">find</button>
</form>

If you copied all of my JS you need to remove the

$('form').submit(function(event) {
event.preventDefault();
return false;
})

This is purely for the demo, it prevents you from bugging out the iframe on bootsnipp.

Dude, awesome snippet, but can you please put a comment in your JS stating you should remove that last part..? That will save JS nitwits like me a lot of time and frustration from trying to figure out why (all of!!) their forms aren't submitting anymore... :D

ROFL...Yep same here....7 hours later I decided to read this thread :)

Thanks @mouse0270!

added the comment to the JavaScript.

you rock!

Awesomeness! It was just one of those Mondays. couldn't see wood for trees :)

In all honestly, I should have done this before. I get an email or two about this snippet a week. @sheyes:disqus I have had those kinda days before.