Mottie
-
scrollTo #ID with mouse-wheel (jsfiddle attached)
Here is an updated demo created because Github no longer allows linking to raw.github.com files (the browser sees the files as text instead of js or css type files).
-
Syntax highlighting for textarea via greasemonkey or similar
You can't show formatted/rendered HTML elements inside of a textarea. As @JoshBlackwood mentioned two good editors, I would like to include another named Aloha Editor. It also has a plugin for editing HTML source.
-
Problem trying to retrieve a json object
I was messing around with this... it seems that site is only returning json, not jsonp. - see this answer to find out why they are different.
-
Using jQuery to stop audio
@FragaGeddon that screen cast is from 2009 and it doesn't look like he talks about HTML5 audio. Either way, it's cool :P @swissdude: I ended up making one small addition to change the pause button back into a play button when the audio fi…
-
Using jQuery to stop audio
Try something like this (demo): var togglePlay = function($el, playing){ $el.children("i") .toggleClass('icon-play', !playing) .toggleClass('icon-pause', playing); } $(".track-play").cl…
-
how to left justify anythingslider instance
I'm glad you found your solution!... just edit your first post in this thread, the check box is under the textarea.
-
how to left justify anythingslider instance
The default AnythingSlider theme adds left, right and bottom padding for the controls (arrows and navigation tabs).
-
Slider not working on IE, but fine with Chrome
@ElijahFowler I was seeing the error in IE10.
-
Slider not working on IE, but fine with Chrome
The reason it broke is because canvas was trying to render an empty image. I'm not sure why your plugin renders all images with canvas instead of just showing the image.
-
Slider not working on IE, but fine with Chrome
Hmm, then maybe it is because "images/sliderPic5.jpg" doesn't exist?
-
How to install and activate AnythingSlider [WordPress]
Did you try the Wordpress plugin?
-
Slider not working on IE, but fine with Chrome
I'm seeing a javascript error: SCRIPT16389: Unspecified error. script.js, line 100 character 3 It's this line: canvasContext.drawImage(image,0,0); You might want to check if it exists, and return if it doesn't if (!canv…
-
Making Anything Slider responsive
Well, AnythingSlider needs a div wrapper with a defined width and height when the expand option is true. So now set expand and resizeContents to true, and add this css: .header_block { width: 100%; height: 390px; } Here is a demo with those …
-
Making Anything Slider responsive
Ahhh ok, try setting the dimensions of the slider_container, then set expand to true. .slider_container { width: 100%; height: 390px; }
-
Making Anything Slider responsive
Hi @joe_sohcio! Try setting the expand option to true.
-
i cant workout how to make my logo rotate on rollover ...help please?!
You're welcome! and incontinence? o.O... tmi buddy, tmi ;)
-
i cant workout how to make my logo rotate on rollover ...help please?!
DOH, sorry... I can't tell what your php looks like, but this is where the logo is located. It appears you have two divs with an id of logo... this is the one that needs the class name added:
-
i cant workout how to make my logo rotate on rollover ...help please?!
LOL @deeve007 Even jQuery is doing it - hover over the "cross browser" icon.
-
what's name of this slider ??
If you look here, you'll see that it's a custom made slider. The code isn't free. Custom-made “SmartStart Slider”
-
i cant workout how to make my logo rotate on rollover ...help please?!
Hi @painefw! Actually it looks like the HTML I shared above was put into the style.css file. The only thing that should go into the .css file is css. I meant to add this to your css: .rotate{ -webkit-transition-duration: 0.8s; -moz-transition-…
-
Can't make circle to move
It's because it is outside of the loop... setInterval only calls the moveLeft function, nothing else. So that's why I moved that margin check inside the moveLeft function.
-
Can't make circle to move
Hi @Kuzyo! Try this (demo): var circle = document.getElementById("circle"), computedStyle = window.getComputedStyle(circle, ""), bodyWidth = document.body.clientWidth, speed = 10, step = 2, …
-
i cant workout how to make my logo rotate on rollover ...help please?!
Hi @painefw! Just add the "rotate" class to your logo, and include the above css in your "style.css" file. I only shortened the img src to make it easier to see
-
Changing CSS Styles That are Applied with .click() Function With Jquery
Well, when I click on the first color pack it does add a class: $(".header_nav_link").addClass("nav_clicked_color_pack_one"); I don't see .nav_clicked_color_pack_one defined in the css. If that isn't what you need…
-
Changing CSS Styles That are Applied with .click() Function With Jquery
The link you shared looks like it's working... the nav-clicked class is being applied to the header_nav_link when I click, and the color is changing to #ff742c. So what's the problem?
-
Please, explain part of the script
The variable highlightedCell is a global variable defined within that closure (but in this case I think it's just an overall global). What that means is that highlightedCell is defined outside of that function you shared. Basically what that c…
-
Changing CSS Styles That are Applied with .click() Function With Jquery
@Subash actually that code was correct, the code formatting was messed up. @Jarolin Use the "Code" link above the text area, all it does is adds a tab in front of your code And I think the problem is in this bit of code: $("#nav_bu…
-
table thead
I think using multiple backgrounds is a better solution: http://codepen.io/Mottie/pen/hyqse #forum { table-layout: fixed; border-collapse: collapse; width: 803px; /* width of background image */ background: url("http://www.part.lt/img/…
-
table thead
@Paulie_D Wow that does some strange stuff to the table : http://codepen.io/Mottie/pen/dvtbo I see the author of that blog post didn't mention it but you have to set the width of each table cell after doing that. See: https://code.google.com/…
-
Column Widths| Diffierent Widths Showing In Browsers
I think one of the problems is using absolute positioning of the side bars. If you shrink your browser window you'll see what I mean. Also, it might work better across browsers if you reset the css and include some box-sizing: -webkit-box-siz…