I am looking to create a Slide up box, how I would want this to work is when someone visits the site a small box would popup in the right corner of the site that has text in it which could say hey register to the site or just informer the visitor of some information that is going on.
I would want this to be free to customize like css wise so this box can fit the site look, if anyone know about any guides or have the code it would be really helpful.
I tried googling it but could not find what I was really looking for, since most of them only pop-up when you click a button, I want this to slide up automatically and have a x button which allows the person to make the box disappear, and I would want one that just lets it show/hide.
Try taking a look at this:
http://ned.im/noty/
It may be what you're looking for!
You can customize it to your liking too :)
Related
I added an image below to show what i am trying to achieve. I've seen similar implementations of this else where but isn't sure what it's called.
What it will do is when a box/panel/card on the left is clicked, a detailed panel on the right will be displayed, showing very detailed information. If a user simply wants to see a little more, an arrow or a "show more" hyper link will expand the panel/card to display more information.
I'm wondering if some sort of java plugin is already in existence which i can modify and utilize to fit my needs, instead of coding the entire thing from scratch.
If anyone has any idea of this, i would love to hear more! Thanks in advance!
Is there an platform that you know of that I can use google maps and make it completely customized to look like this:
michigan_map_idea
Also it is important that we would be able to add a hover popup as well as a selection popup from the location dots. I just want to know whether it is possible to do this. The end goal is to upload the map to wordpress. We are open to coding with javascript, html and css.
This might help in regards to styling your map the way you want: https://mapstyle.withgoogle.com/
For the yellow dot as marker, I would make custom markers, more info here: https://developers.google.com/maps/documentation/javascript/custom-markers
For hover events you can follow the marker click event guide by google, but instead of click - you guessed it - use hover (if this does not work mouseenter and mouseleave):
https://developers.google.com/maps/documentation/javascript/examples/event-simple
Total noob here.
I am in the process of building my hobby website and feel that I could, with some hard work, create a fully functional site. However, I am rather stuck on modal popout window.
I understand the basics of getting one to work, i.e. download jquery or related java library, attach said library to webpage in the section. Apply modal popout in similar way making sure to include the CSS for it.
I can get it to function in my site, so with Shadowbox I managed to get it to actually popout. Where I am stuck, with Shadowbox in particular, is actually putting stuff inside the modal popout. I am really only interesting putting text in the modal popout with maybe a link or small picture to compliment the text.
What is hindering me is my lack of knowledge. This may be either a lack of understanding with regards to class attributes or href attributes, or a lack of knowledge. The only progression I have made with this is simply because of the copy and paste, and some image path manipulation with Shadowbox. I am still horribly confused as to how the script activates, what tags/attributes I need to make to ensure data within a is included in the modal popout window.
I would really like to have a modal popout like this http://typedeskref.com/ but feel that this is far, far beyond me.
In summary: I don't know how to put text/images inside of a modal popout. I don't know how a modal popout is activated and how to ensure I can control what is kept inside of it. The reason why I say this is because the limited sucess I have had with Shadow box is because it has somehow managed to pick up everything that is on my site, images, links etc. So when the modal popout is opened, there is my site, in modal form.
Thanks for taking the time to read this. I really appreciate any help or advice you can give me. Even a shove in the direction where such information can be located would be great!
p.s. I am using dreamweaver cs5
Depends on how crazy and amazing you want your dialogs to be. It could be something as simple as downloading jQuery UI Dialogs (http://jqueryui.com/demos/dialog/) and then doing this.
<div id="dialog">Hello</div>
<a id="button1">One</a>
<a id="button2">Two</a>
// Do the setup when the page has loaded
$(function() {
// Create the dialog, don't show it on page load
$("#dialog").dialog({autoOpen:false});
// Button One will show the dialog
$("#button1").click(function() { $("#dialog").dialog("open"); });
// Button Two changes the content, THEN shows the dialog.
$("#button2").click(function() {
$("#dialog").html("Goodbye");
$("#dialog").dialog("open");
});
});
It's a starting point. Same dialog, changing the content, triggered by clicking a link. That library has all manner of options (animations, etc) and you can style it to whatever look-and-feel you like.
Here is a demo: http://jsfiddle.net/dYMvH/
I'm just figuring out my way around SWT. I have a little problem that i cant seem to solve. I have a check-box in my window. When the check-box is checked, i would like add a multi-line, read-only, text box below it, lets say 200x200. I want the height of the window to increase to accommodate this text-box. When the check-box is unchecked I'd like the opposite to happen.
Could you help me with this? I can't find an example but maybe I'm not using the right keywords. Cheers.
--EDIT
the.duckman'ss answer was very helpful. I've managed to get it working to some extent. I'm adding a multi-line textbox 480px high. How do I automatically resize the window to accommodate the text box? When the user checks the checkbox, the textbox shows up but the height of the window doesn't increase to accommodate the textbox. My code is a little long so I've put it in PasteBin — http://pastebin.com/01RxKeEr
Thanks.
I recommend looking at the SWT Snippets to every beginner - that's probably the best place to go to with SWT questions.
This snippet does exactly what you want.
Edit
Ooops, I ignored the second half of your question, sorry. Simply add this line to your listener:
shell.setSize(shell.computeSize(SWT.DEFAULT, SWT.DEFAULT));
I will explain my question clearly.
I need to zoom in/zoom out the world map.
When I click on the particular country in map, control should redirected to new page with respective the country.
I dont have any idea about this in java. Please explain the steps to acheive the above task.
As the question is quite general, here is a general answer: Zooming often means, that you want to display a certain percentage of somethin, and not the whole, where your size of the displayed will not change.
But in your case it seems more like a "find a mouse click in a polygon" thing. So you have to add a selection/click listener to whatever widgets you use (Swt? swing? ....?) where you change what your program renders.
It sounds like you may be trying to reinvent the wheel. Google etc have already solved this problem rather well. It might be better to incorporate an existing solution into your application. Have a look at GoogleEarth inside Java Swing.