What is the code behind this javascript? - javascript

I'm trying to find out how they were able to create this site. http://www.cpeople.ru, i am trying to build my portfolio to look something like it. Particularly, I want the slider effect of the menu. Please help me out. Thanks. :)

Look at the source code, it's quite open. They're using jQuery with the jCarousel and Mousewheel plugins. On top they have two custom scripts called f.js and portfolio.js, which are plainly readable as is.

Look into free JavaScript frameworks, particularly jQuery UI. jQuery can do plenty of special effects, and it's quite easy to use.
If you look at the source of the linked webpage, you can see it uses jQuery and two jQuery plugins, jCarousel and mousewheel.
Be sure not to copy swathes of code from existing websites (unless it is expressly permitted, as is the case with jQuery), as that would be copyright infringement.

Try chrome sniffer if you use google chrome.

Related

Javascript Popup Window

I have used a ton of javascript popup windows over the years, any recommendations on the best one out there?
I would like to see if there are better ways to do popups.
Eric Martin's SimpleModal plug-in is quite nice and easy to use.
jQuery dialog is quite good.
QTip's really nice, its a Jquery based library that has a really clean look to it
I have also used Jquery Dialog, but find that QTip has some really nice features (see the images and stuff)
I had a very strange bug with Qtip the other day and the creator got back to me within twenty minutes of my git post and helped me debug it.
Good support, Great product
Extremely Lightweight Modal popup plugin.
POPELT - http://welbour.com/labs/popelt/
It is lightweight, supports nested popups, object oriented, supports dynamic buttons, responsive, and lot more.
Next update will include Popup Ajax form submissions etc.
Feel free to use and tweet feedback.
jsframe.js - https://github.com/riversun/JSFrame.js
It's lightweight popup window library for javascript.

How to achieve this javascript effect?

On this website: when the user clicks "register now" along the top bar the screen goes dim and a box appears offering the registration form with recaptcha. I have a registration form with recaptcha working on my site and would like to copy the effect seen above.
Can anyone link me to a specific tutorial offering instructions or alternatively provide me with the code?
I am a novice javascript programmer.
Thanks if you can help me.
There's couple of good plugins for that. If you use jQuery you can check Thickbox and even jQuery UI Dialog should probably be enough for what you want.
Take a look at jQuery effects, in case you haven't heard of jQuery before, here is a good introduction.
$('#register').click(function() {
$('#topBar').fadeOut('slow', function() {
// Some Code
});
});
The effect you are talking about is generally described as a "lightbox" - based on one of the earliest implementations (from what I remember). Check out this page on wikipedia and look about - the modal dialog implementation might be what you're talking about.
I'm pretty sure some of the standard frameworks like jQuery and MooTools implement this (directly or via plugins).

Real-time CSS editing with jQuery

Is there a plugin for jQuery or generally a method to have a textarea containing CSS code of the currently open web page which will be automatically updated during edit (without page reload)?
It's not exactly a general solution you're asking for, so just throwing this out there in case it's what you're ultimately after. If your goal is to edit and play with your styles there's Firebug, or Chrome's built-in developer tools.
The JavaScript version is Firebug Lite.
Thank you guys – most of all thanks to takeshin (who posted a comment to my original question).
takeshin's comment helped me quite a bit: With jQuery, I inserted the edited CSS code from a code highlighter called Codemirror into the head of the page. It's as simple as that. :)
There are now several services out there. I personally use codr.io. For not-quite real-time I use jsfiddle.net.

"read more" link in mootools

I need a plugin for mootools like this.
It's just a simple button which, when clicked, opens up a hidden portion of a div with an animation. When the page is loaded it closes to a point (truncating to some x characters) in the same div. If you take a look at the link, you'll understand...
But I need it for mootools, not jQuery. :(
Thanks. :)
The best place to look at is the official Mootools plugin repository but it doesn't look like there is a Mootools equivalent.
Converting the jQuery plugin to Mootools may not be that difficult, at least porting the minimal features you want to use.
Good luck.
EDIT: see this expander experiment

PopupWindow in jQuery

I am in need of a popupwindow with the option of a radio button. I have tested with Impromtu. Is any easy made Popupwindow plugin available?
My plugin should work in Internet Explorer, Mozilla and Google Chrome. What would some sample code be?
jqModal is great and easy-to-use for building Modal Popups and the like.
If you want a tutorial on how to build one yourself without jQuery, check out this tutorial.
Check out Thickbox! You can use a div or so on your page as content (see inline content demo).
Here's a list of lightbox like plugins depending on your need:
http://www.fortysomething.ca/mt/etc/archives/006978.php
If you're not absolutely bent on using jQuery, there is another library available that uses the Prototype library that is rather handy. The popup windows are very easy to implement, and the modal dialog boxes are even easier.
On a side note, I have used thickbox before and was rather impressed, but the URL parsing structure that it uses were kind of limiting me for what I needed to do (I was using a ComponentArt object that didn't use anchors).
Anyway, definitely check out this tool. It's probably more than you need, but who knows maybe you'll get inspired to find other uses for it. It's a pretty fun tool:
http://prototype-window.xilinus.com/documentation.html
FaceBox is another option to check out.

Categories

Resources