Implementing a simple feedback form in JS - javascript

How do I implement the feedback form that the following sites have?:
http://foodoro.com/
http://www.heyzap.com/
(look at the left center.)
Thanks!

You should probably checkout the JQuery or similar library for this sort of effect. There are heaps of great tutorials and plug-ins out there.

I would use this code in github
https://github.com/lorenzoongithub/getsomefeedback
as a template / boilerplate.
It should be quite easy to adapt to your requirements.

Start by looking into jQuery. It's pretty nice for stuff like this.
http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/
The first example on there shows a simple way to at least get a sliding panel. It's not exactly what you want but it gives you an idea of what jQuery can do and maybe how you'd achieve what you want.
Edit: Here's a direct link to the sliding panel demo on there...
http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html

Related

Get a style switcher like on themeforest

I would like to add a style switcher to my site and I like the ones used on themeforest templates.. How is that done and what library are they using?
Example: http://centum.envato.tabvn.com/demo.php
Slides in from the left side.
I use drupal so I'm hoping there is a module but I couldn't find anything like it.
Any ideas?
WHY AM I GETTINGS VOTED DOWN? PLEASE EXPLAIN IF I'VE DONE SOMETHING WRONG HERE
This is fairly easy to create yourself just by adding classes with an onClick handler, and then styling with the classes how you see fit. They're probably not using a plugin for this but is actually a bespoke function they've created them selves with the jQuery library.
For example.
$('.style').on('click',function(){
$('.itemToChange').addClass('styleOne');
});
Please see a basic example with this Fiddle.
Please note this is a VERY basic version, and the example you show is much more indepth
if someone still looking here are two solutions
Blast.js or
JTS
The example you provided is using this
http://drupal.org/project/flexslider
EDIT
I'm sorry I got confused.
The style switcher is custom made by Envato, the company behind themeforest you can find the code here
http://centum.envato.tabvn.com/sites/all/themes/centum/js/switcher.js

Create a Custom Control using Javascript

I've been trying to do some research into this, but I haven't yet found anything related to this, so I've come here in hopes that someone might be able to point me in the right direction.
Is there any way at all that we can create our own HTML Elements?
I've seen a Custom ComboBox that was created using Javascript months back, but cannot find it anymore.
Basically, I'd like to create my own 'Control', that I can use for my pages. Maybe something that can be just 'plugged in' (although not a requirement). Any thoughts/ideas/advice/links?
Any help is really appreciated. Thank you!
If you want to write a JQuery plug-in but don't know where to start, have a look at this site: http://stefangabos.ro/jquery/jquery-plugin-boilerplate
He's written a boilerplate code for a jquery plug-in, with plenty of comments explaining what to do and how to expand it. It should make a good starting point for you.

I need help replicating this cool jQuery/javascript/css effects

I really like the transition and effects used on this site: http://imagemechanics.com.au/. I would like to replicate this on a site I'm working on, but my CSS and Javascript skills are not there yet. The site said it's "nothing too special behind the scenes of the site - all done with css, jquery, ajax..."
Are there any jQuery kits out there that does the same effect? Or is there an easy way to pull the code needed from the site to replicate it myself?
Thanks in advance
check jquery scrollTo();
http://flesler.blogspot.com/2007/10/jqueryscrollto.html

How does jsfiddle mark up code? Is there a library for this?

If you've ever used www.jsfiddle.net, you might notice that it marks up code with proper colorings, and various other helpers like translating tabs to four spaces or shift-tab. With Firebug I see that it's doing this with an iFrame. Is there an open source library to do this? I want to let people write Python on a web page, but make it pretty like jsfiddle.
Check out CodeMirror.
Look here (SyntaxHighlighter)
Here you can find a simple tutorial.

what are the top js lib/framework/tool i should know?

i know the basics of js the language for several years, but never had a need to go deeper than say change a style of a paragraph or do a image rollover or validate a field.
am thinking going deeper with js.
can anyone recommend the top 3 library or framework that you cant live without?
Xah
Let's ask Stack Overflow Tag Trends:
Its really a personal choice, but:
JQuery
Node.js (Serverside JS)
SproutCore or Capuccino
You could take a look at this: http://www.ibm.com/developerworks/web/library/wa-jsframeworks/?ca=dgr-dwexnbarbw

Categories