HTML\JavaScript - News Scroller - Sliding Text Effect - html

how can i make this....
goto this link and see the text sliding after regular intervals
well i want to learn to make this so that i could make this
...
it is supposed to be a dynamic news scroller.... but to make this i know i will have to learn the thingy on the link that i gave you... then the next steps are going to take me to dynamic news scroller
PARDON my so abstract question, actually i don't have any knowledge about this or what this methodology\technique... so i need some leads on how to learn to make this... i have been experimenting with JavaScript set Timeout function but that didn't work...
so the leads
what is this thing called.. so i could google it... like drop down menus are called CSS Drop Down Menus or Flash Drop Down Menus etcetra
or can anybody post link to some tutorials in domain of HTML, DHTML, CSS, JavaScript & PHP.. cuz thats what i know
or some-generous-body could throw in some code or some functions required for this to get me started learnin' this
p.s. HOW TO MAKE TEXT AFTER REGULAR INTERVALS WITH SLIDE-IN & OUT ANIMATION

hey you can use, jQuery Cycle plugin:
http://jquery.malsup.com/cycle/after.html
it have many option to perform your task...

Related

How to create popup windows in html

I want to know how the pop up windows integrated into websites are built. I am trying to create one for my websites but i don't really know it is created whether they are plugins or not. Any help as to how to go about it.
Below is an example of what i want to do.
You can use hotjar.com to put a feedback box in your page, there is a lot of services that provides this feature, but hotjar gets the job done
Beginner! To make a pop-up like the one you provided, you would need to write backend code (Node.JS, PHP, Python, etc.). But for just a simple info pop-up with a button that activates the pop-up refer to this jsfiddle I created:
https://jsfiddle.net/d706dyg7/1/
$("#whateverid").click(function(){
//whatever code
});
That mean when that element is clicked blah happens.
Hope that helps,
Ben A.K.A BlackSky
P.S. If you want a solution in pure javascript and not jQuery just let me know and I will edit my fiddle!
I know I'm like .. 10 years late. But for anyone still wondering I thought I could be of some help!
If you want to do this using ONLY html and css (using a framework in visual studio like ASP.NET) for example.. here's what I did:
First, I made sure I had multiple "divs" in my code. For me specifically, I had two main ones. The first one whose id="main", and another whose id="popup" with the 'visible' property initially set to 'false' for the popup div.
Then, on whichever event you're looking for (button click for example) you'll simply set main.Visible = false and popup.Visible = true, then you could have more buttons in your popup (yes, no, cancel, confirm, etc.) which do the exact same thing, but in reverse!
The most important thing to make sure of is that you have the 'runat="server"' property in your divs so that you can access them in your CS code
Hope this was helpful! :)
Your looking for something called a modal. Depending how you wrote your HTML there are different ways of approaching this issue.
If your wrote your website in Plain HTML you can use the following tutorial to create one
www.webdesignerdepot.com/2012/10/creating-a-modal-window-with-html5-and-css3/amp/
However if you wrote your website with a library such as Bootstrap they have built in pre made modules that you can attach to your cpde. These can Ben found in the library's documentation.

Adding a interactive gui to my VB.net application

OK. So first, I will try my best to explain so good. My friend has gotten cursed out on this forum for not explaining, so I will explain. :)
Ok so I have my program built and all. But then it hit me! Wouldn't it be better to add a news feature? One teeny tiny problem? I cant? How would I implement a interactive code into an HTML page.
Like can i connect a button to a URL that will make the program do something. Almost like you can open cydia tweaks with there identifier and url EXAMPLE: http://handleopenurl.com/scheme/cydia And then i can add urls so i can update the program, without updating the files.
Or even just a featured news thing would be nice. But how would i implement this perfectly. I tryed a webrowser, but the page is too big for it. I am good at html, not much at css, i mostly use Adobe Muse http://www.adobe.com/Muse
Last question. Kinda defies the first thing i said about having my program finished.
Is there a way i can add a plus button and make it add more buttons and more labels and all?
This would help with allowing users to customize more then what the program can handle. By The Way, its a winter board Theme Maker. So I have a bunch of icons with there bundle identifiers and I create the folders with VB.net and all that stuff. But i want users to be able to click a plus button to add MORE text boxes and file browsers.
Any ideas? Maybe DIM 1 as NewFileBrowser? But i need to move all the buttons and i need it to be able to be clicked an infinity amount of times. I can do the coding for all of these buttons, but i jest need to know how to create them <1 Move them and the button so that the button goes further down each time, and more boxes will go further down. Much help apreciated. THANKS:)
EDIT:
Are you trying to say that you're wondering how to have a web browser control in a vb.net >app, which displays a web page, and when a button is clicked on the page, your app detects >it and does something? – Thraka
That sums up the top part. I am using windows forms, and it is coded in VB.net
If you get the object you want, like the button, you can hook the event and have it call code in your form.
Find the object using the Browser.Document.GetElementById method.
With that object, add an event handler to the Click event.
See http://msdn.microsoft.com/en-us/library/system.windows.forms.htmlelementeventhandler(v=vs.110).aspx for information about the event handler used

Website - how to make an info button for images

I was wondering how you on a website make an info button for images. Like after you click the info button, there is a box beside the mouse telling you what image your mouse is hovering over. This would be for this website: http://108.171.192.123:8123/ . I want (on the click of a button) for it to tell you what block is what.
Note:
- the several images can't be made into a bit map
- any code snippets that might help are useful
- any website language I will accept (e.g. I can learn it if I need to).
- huge thanks to those who answer.
- the website is a map of my minecraft server (it will be blank ATM tho)
Dynamic MouseOver effects are achived by using JavaScript. I would recommend to learn jQuery, a widley used JavaScript library, which allows to animate your static html.

Load page content in another page

Take a look at the signup section over here:
http://www.istockphoto.com/istock_login
Can you explain me please how can that moving box have been created?
Thank you
I believe if what your talking about is the box that shows up when you click on the login but, that is called lightbox. It's Javascript & Jquery that gets whatever content you want and makes a "frame" that overlays the rest of your page. There are lots of pre-made plugins witch if you want to replicate that effect I would sugest you to use because they are simple and easy.
http://www.fancybox.net/
http://www.lightbox.com.br/
http://www.lokeshdhakar.com/projects/lightbox2/
http://jquery.com/demo/thickbox/
http://www.shadowbox-js.com/

how to create box with sliding linked images

Where can I read more about creating linked slides like at the top of nytimes.com, slate.com, yahoo.com, nyu.edu, etc. I assume it's javascript, but I'm not sure what it's called, so I'm not sure how to look it up. I want to create a box at the top of a website with blocks of html text which slide in sequence if the user clicks next or after a certain amount of time.
Where can I read more about this?
The jquery cycle plugin is exactly what you are looking for.
http://jquery.malsup.com/cycle/
Specifically, checkout the advanced demos with paging.
If you want to use Javascript then you can use jcarousel and then animate the carousel with setTimeout
But you really need to know some javascript to do this