What's wrong with this tinyscrollbar? - javascript

http://jsfiddle.net/J74VS/4/
I can't get it to work properly, I'm just trying to create a basic fiddle of a tinyscrollbar.

The problem was the missing css. I mistakenly thought all you need is $("#scrollbar1").tinyscrollbar() to activate it.
Working fiddle.

Related

FullCalendar plugin dayClick not working

I've been trying to get the dayClick in the FullCalendar plugin to work, but when I click nothing is happening. Can't figure out what it is I'm doing wrong. I click on a day, but no alert message. jsfiddle below. What am I doing wrong.
http://jsbin.com/bicawa/2/edit
I don't really know this library but you had two non-related issues in your code:
The moment script tag was placed before jQuery, my guess it should be placed after.
You had four slashes in your moment src (i.e. src="https:////...")
After fixing these two issues I got the console.log to work, but for some reason the alert() still wasn't working.
alert is turned off in JSBin. You shouldn't debug with alert because it stops code execution. While JSBin is a great tool for building quick samples, it makes debugging harder.
And as #idoberko2 says: You should put jQuery as first included script.
Here is a working JSBin

Can you tell me why this isn't working?

Everything was working fine yesterday. I have not touched the code nor made any changes. To clarify what isn't working, when I type my term to search and hit "find" or "enter" nothing happens. The bulk of the code that makes that work is the JavaScript with the exception of the call to the input on the HTML.
Here is the jsbin. Any ideas would be appreciated. I also tried a new API key and that doesn't work either.
Instead of your line:
video.src = video_url;
you need the following line:
$('#video').attr('src', video_url);
I determined the issue. Googles AJAX API was down. Thank you for your help!

OpenLayers print function not working

Taking the function as in Save google map as an image - using javascript (able to take screenshot) , the solution ceased to work, as it is now generating an error on
var comp=transform.split(",");
It seems that the object returned by
$(".gm-style>div:first>div")
doesn't have the css property.
Does anyone know what's going on?
Thanks is advance
ok, i got it to work using
$(".olMapViewport>div:first>div").css("transform");
it seems that .gm-style may not work in some situations.

Toggle multiple div elements

On my page I'm currently doing something like this: http://jsfiddle.net/FBCSt/6/ I really don't know why, but in Chrome I got some strange issues with that - sometimes the contents of the div elements are not loaded correctly. In IE, Safari and Firefox it work fine, but as I said, in Chrome it is causing some trouble.
That's why I want to know, if there is a more sleek way to do this? (There are three buttons, every one is assigned to one div. Only one div should be visible)
I am thankful for every answer =)
EDIT: Thanks everybody. This is the solution. It works well =)
"a better way: jsfiddle.net/FBCSt/13 – #Mohammed ElSayed 20 mins ago"
Try this: http://jsfiddle.net/FBCSt/10/
In IE, Safari and Firefox it work fine, but as I said, in Chrome it is
causing some trouble.
I really don't see an issues when testing under Google Chrome 19.0.1084. But in any case,
That's why I want to know, if there is a more sleek way to do this?
Yep, there is. Since one of your tags is jQuery, I suggest you take a look at jQuery UI's tabs.
Why don't you use show() instead of toggle()? Maybe the issue is related to using toggle(). And you can combine the elements to be hidden: For example,
$('#page2,#page3').hide();
$('#page1').show();
Or as nicely put by Mohammad,
$('#page1').show().siblings().hide();
I have working solution on this url : pastebin it works in chrome and also in FF.also it will work even if you add 1000 id with page#100 but still it will not have too much code. thanks.
Like Abody97 said: try JQuery UI tabs
If you're looking for a "more sleek" way of doing this, try this fiddle: http://jsfiddle.net/NCbW6/
It doesn't bother with specific ids for each element so you can add as many as you'd like without changing the JS.

Javascript/CSS drop downs not working

I am trying to add css dropdowns to the navigation menu. But it is not working. I would like to know what is causing the problem. Your help is highly appreciated. Here is the link:
Drop downs to navigation bar
The error that I get is that ddlevelsmenu is not defined... is there some sort of initialization you have to do for the library you're using?
EDIT: Ahhh, there's the problem. I looked up this library: you need to be including ddlevelsfiles/ddlevelsmenu.js, but you are not. Include that, and re-read
http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm
to make sure you got everything in there you need, then you should be set!
Ahh! You never closed the tag. Change to and I bet you it will work. Those little typos can be the nastiest =

Categories

Resources