I am creating a web project these days. When click on a button, I want to open the description as in the below image. I do not want the code for that. I just want only know the name of that option. If anyone know tell me the name of this option. Then I could find a suitable code.
This feature is called Modal in bootstrap, more details can be found here Bootstrap Modal
please give a try.
You can use jQuery as mentioned to trigger modal box (they are used in html5 alot) and if you pretend to use it, just learn first how jQuery works and combine with CSS properties :)
I am making some web-site and need to use this kind of buttons. Have you all seen this kind of button?
Thank you for reading it.
Rather than writing one from scratch, you can try out buttons available at
(getbootstrap.com/css/#buttons) -or-
you can visit (materializecss.com/buttons.html) -> I think, this has got what you are looking for
Then you have sites to generate buttons for you online, from http://livetools.uiparade.com/button-builder.html and http://www.bestcssbuttongenerator.com/
I need to create a table with all the images and a button that says ADD, for the user to add the image to their page. Any help is appreciated!
There is no built in functionality to do this, but you can link users to the Special:NewImages page so that they can see which images are available.
It is as simple as putting [[File:Example.jpg]] to insert an image, so with a quick explanation or help page I'm sure your users can figure out how to add the image to their page. The Help:Images page is a good resource.
You could also write an extension to do this, but it would likely be a lot of work.
How can I use Twitter kind of HTML prompt for my app?
You can see this prompt message while deleting your tweet.
I have seen this style of alert box in the new version of Wordpress and its also used in Gmail.
Kindly help to figure this out.
Thanks.
Take a look at this tutorial. Not far from what you are asking for. This is a simple confirm dialogue based on some images and CSS with JQuery. So should be very easy for you to customise.
http://tutorialzine.com/2010/12/better-confirm-box-jquery-css3/
If you are looking for much more sophistication then look in to JQuery UI.
Well it's prompt style of Firefox 4. Every alert('some thing') become such kind of popup. I didn't know that.
I just did a quick search for my question and couldn't find anything directly on point.
I'm still very new to HTML and was wondering if someone could tell me how I could add a picture to my website and set the code so that if I click on it, it enlarges the picture in a new window.
I'm going to be adding around 600+ pics to my website so I was also wondering if there's a way to write the code once and have it apply to all the pics I add.
Thanks in advance,
- Danny B.
There's many many ways in which you could do this. The basic HTML for inserting an image with a link to a new window will be:
<a href="enlarged.html" target="_blank">
<img src="photos/photo-name.jpg" />
</a>
But it is a fair bit more complicated if you want to be able to dynamically display a large number of photos. If you want to code this yourself, you'll want to look into using something like PHP to output the HTML code automatically for 600+ images. Then instead of pointing the link for each to a new page, you might want to consider having the images load in a cool way, such as a javascript lightbox/colorbox some of the other answers suggest.
One possible alternative solution might be to look for some pre-created photo album script. I don't have any experience of these so I'll let someone else make some suggestions on that.
There are several ways to do this, but I'm assuming you'll have a simple site with lots of images on one page, and you'd like the images to zoom open "in a cool way".
Check out this: http://colorpowered.com/colorbox/
... click on View Demonstration and then see the various photo handling options.
This needs just some basic HTML and minimally configured Jquery. Very simple to use and produces a nice effect.
Google around using the keyword lightbox. Most of the solutions are ready-to-use Javascripts. Just include once, assign some IDs/classes, execute during onload and that's it. I personally have good experiences with Lightbox2 and jQuery Lightbox plugin.
I decided to go w/ target="_blank" -- Lightbox2 seems like it'd be great, but I'm really not sure how to use it and where to put all the code. The instructions I've found for it still assume the user has some standard knowledge in the field, that of which I do not currently possess. So, I'll stick to the target/blank approach until I can get more familiar w/ coding and then I'll upgrade to Lightbox.
Once again, I want to say thanks to everyone. You guys always respond quickly and accurately.
With much appreciation,
- Danny B
The simplest way would be to add a link to it, and set the target attribute to target="_blank". The link should point to the image itself. This would regularly open a new tab though, if you want a whole new window, you should tryhref="javascript:window.open('myimage.png','_blank','toolbar=no,menubar=no,resizable=yes,scrollbars=yes')",which would open a new, standalone window. If you're looking for fade/resize effects and such, try one of the other answers posted.