How to make Twitter like HTML prompt? - html

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.

Related

Is there a way to search for things on a page using an element in html? [duplicate]

I have created a website and have added a button and lot of text. What I want is to use the browser search (Ctrl+F), when I press the button which I added in website.
How can I achieve this?
It kind of works for FF. See this page
Find in This Page...
update: from mark's comment:
From my testing
window.find()
is supported in Chrome 37, and FF31, but
not IE11
update:
for more information on this window.find go here
No. In general, you cannot invoke browser controls from inside the webpage - security, sandboxing, and all that.
You need to make some sort of in-page search - if you're using a CMS, most of them have a simple search feature built-in.
If you want to do this in JavaScript, there are various scripts that emulate this in-page; randomly selected from my query "javascript find in page" is this one: http://www.seabreezecomputers.com/tips/find.htm

Asking for a HTML property

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 :)

How can i add social share button manually?

I want to add Social share button manually not from other website, How can I will do it. I have a new site and I use new free high pr site list, Now i need help..
have you tried to add the HTML scripts to the specific button?
An example I found of what I meant can be read here: https://simplesharebuttons.com/html-share-buttons/
Not quite sure if I understod your question correctly, so please do tell me if I'm wrong and I'll try to assist.

Sliding button [Ionic]

So how can I make a slide button like in the picture below using ionic framework ?
Awesome question!!
In CSS or the web community in general it is called a Toggle button. According to ionic's official website, what you call it, will not get the results you are looking for.
Here is the official code snippet:
<ion-toggle ng-model="airplaneMode" toggle-class="toggle-calm">Airplane Mode</ion-toggle>
And here is the Official Codepen that goes with it
And if you have anymore of these related questions you should check out the official docs!
Happy developing!
Edit:
What you are wanting I think isn't completely possible with ionic, if I find a better solution I will share, but I seem to be stumped now :/
Edit2: I am starting to conclude as bad as it seems, that this isn't but only common to e.g. IOS, but not finding it in any examples, just standard toggle buttons. The animation is done as though it was a checkbox. So essentially you are checking it. It just looks different. You may have to engineer this yourself. Again I will add a better solution if I find one, but as for now, I don't think there is a way to get it exactly as you wish.

Help with creating a demo website

I have a question of how to develop a small website which is quick and easy which has html support unlike google sites. For one of my course project I have to develop a prototype of the website but just html pages. Want to implement the clicks, text fields, checkboxes etc., I have created a small site of googlesites but that doens't allow me to put the html like text fields radio buttons etc., I just wanted to know if there is any free WYSIWYG capable for doing my stuff.
Thanks in advance
EDIT:
I dont want to use the div tags and arrange the location of HTML. I just want to drag and drop the fields and the site should automatically place the fields appropriately on the webpage something as easy as google sites
I found jsfiddle.net to be really useful. Basically you can put in HTML, CSS, and Javascript, click "Run" and see the result.
It's great for testing or hacking some CSS or Javascript, as it gives you instant feedback, saving you the "edit, save, launch, wait, repeat" cycle you might find using a text or HTML editor.
UPDATE
I'm not sure if I understood your question correctly. Perhaps you are looking for a tool like Google sites but with more capabilities? If so, http://www.weebly.com/ is a good option and it is free.