Vimeo badge and jscroll pane problem - javascript

I have this site that need to load videos from vimeo into a <div> element that will have a scroll attached to it.
But i have a problem.
When the script that executes the jscroll pane come into play it messes things up allot.
this is with jscroll
and
this is without the jscroll
I`ve launched the site with static html wich you can view it here and get the idea of what i want to accomplish www.georgiunkovski.com.
I need to do this so the owner simply change the videos from the gallery and it would show on the site.
Cheers.
p.s. forgot to mention its in the collection section :)

Well the thing is you have to make sure that in jscroll u don't add so much sand.js as i see from your exaples, theres to many.
hope this helps ;)
<3

Related

sourceless iframe may be causing issues with SurveyMonkey widget

There are 2 pages that I made to show the problem:
1) http://4-soft.isebox.net/smcx-trouble/with-video-player
2) http://4-soft.isebox.net/smcx-trouble/no-video-player
Page 1 has a video player that uses vidly (http://vid.ly) widget to play video. I believe that this causes the survey to jump to the bottom of the page
Page 2 has no issues and the survey is shown at the right spot
I don't think it's vidly's script, other scripts that use the same technique that we use break SM widget in the same way (audio player, document previewer)...
Does anyone have an idea what's going on?
SurveyMonkeys' official answer is:
An option here would be to embed your survey using a method such as an HTML iframe instead of Javascript.
So that solves the issue, but does not answer why it jumps out.

I need to use one href anchor for 2 actions

I may be asking this incorrectly. I'm not super familiar with the terminology of javascript or ajax. I've been able to get by just enough using html and javascript code from highslidejs to create most of our companies in-house web pages. Now I am stuck on how to go about this issue. Originally I built this page using simply html code. Then one of the higher ups requested that I use this template. :( So I am attempting to work with this template that has no functionality what so ever. Everything was going ok until I came to having to reveal the video content below each selection using the ajax code that I grabbed from hsjs. While I got it to show the videos onclick with each submenu item.. the problem is that the way the template is built it has each video positioned just under it's name when it is clicked. And it doesn't clear the previous video being played. I was thinking that I could have each video be targeted to play in a specific div with an iframe. That way each video will play in that same div and override the previous one selected thereby avoiding having several open at the same time. I have had that work before. However, I am running into a conflict with the href having two functions: "javascript:;" and "mymoviesource.mp4"
I apologize for the lengthy explanation of my problem. Here is my work in progress: http://www.foxsportsgraphics.com/Lab-presentation/index-6-7a.html
I'm currently only working with the first "Virtual Reality" menu tab. I had each movie opening in a separate web window but they would like for each to open as the first one does for "Big East Basketball (jeep)" in that same position. Here is my first web page that I used a target iframe to play each video in:
http://www.foxsportsgraphics.com/template/index-Lab-original.html It works great having each video play in the same spot. But I don't know how to have one href do both: javascript code to reveal the iframe below the selections and target the video URL's to play in the iframe . Would it be better to use an "onclick" behavior to reveal the iframe? And if so.. how would i get the positions of the iframe to be in the same place for each selection? Again, I apologize if this question is troublesome because of my lack of knowledge in this area. But I would so greatly appreciate any help at all to direct me in some way to be able to accomplish what I want to do. Thank you in advance!

How to exclude links when using Adobe s_code.js

I have a site which is tracked by Adobe Omniture, it loads s_code.js to track the site.
My site also have a full screen slide function, when click Next, it will show a short animation and replace with the next slide. But when put the s_code.js and use s.t(), the animation disappeared. (I think there should be some code conflict.)
Does anyone know how to let s_code to exclude the links like Next? For example, Next button has id as nextbutton.
Thanks a lot in advance.

Printing the image on lightbox

I've done so much search but can't find any working solution to my problem. I've got a lightbox on my page, when I put a 'print' button and on lightbox layer click it, it prints the whole page but I'd like it to print only the image opened via lightbox. Is this possible? I think I need a bit of JS but really don't know how to do, can you help me?
Maybe this is helpful http://sandbox.tse-webdesign.be/lightbox-print/
or answer to this question Making a lightbox support printing on web page

Video on popup page still playing even when I close the popup layer

I have a popup layer on my website that show the latest news on it. Now I want to embed a YouTube video on it, that plays once the user open the website. And I would like it to stop playing after the user close the popup page. I have tried SoundCloud player and it stops when I close it.
Here is the live link.
You can also download the file source file on here (.zip):
Source Files
So I want to make the video stops playing when the user closes the popup page.
Any idea?
Thanks in advance.
Friend's
Don't try to close the facebox/fancybox pop up window. Try to create a container that holds the video file/embed code. After clicking on Close link, just remove the HTML of that embed/video file container.
Ex. <div id="myVideoFilePlay">Video File/Embed Data</div>
Script File:
document.getElementById('remodeVideoPlayer').innerHTML ="";
After that close the fancy box
Here is some information about the auto-play feature for embedding in YouTube.
http://support.google.com/youtube/bin/answer.py?hl=en&answer=1181821
"To make it autoplay, just put &autoplay=1 after the video ID so it looks like this:"
<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/XXXXXXX&autoplay=1"></param>
<embed src="http://www.youtube.com/v/XXXXXXX&autoplay=1" type="application/x-shockwave-flash" width="425" height="350">
</embed></object>
As for stopping the video, I advise you have a look here and set up some simple functions to do the pausing upon clicking "X". See: How to pause a YouTube player when hiding the iframe?
EDIT: Added more info..
I can see you set your jQuery to #dialogjj upon the site loading, and then the HTML is inside of the div so setting it to display:none; it wont stop it playing. I have an idea to make it work - there may be a better one out there with nicer jQuery but this works fine. I feel that no one is going to reply further due to the way the question was asked/not very easy to look into unfortunately. That is perhaps why you got a downvote on this question, have a look how other people ask questions here for future guide, its generally not just giving links to your website expecting people to look, instead try to pin point your problem adn what you have tried so other people can have a clue about it, but we all start somewhere so dont worry :).
My idea is that you actually set the contents FOR #dialogjj with jQuery (so the embed code is put in via the JS file and not the HTML page) and in that same way you can actually append it to get rid of that embed code. I have set up a simple JSfiddle that does this in the same fashion as you want. Its up to you to merge it into your code though :)
JS FIddle link http://jsfiddle.net/ivandude/vLrvA/2/
If you like the solution please click tick as the answer :D my first one maybe.. haha
The answer was really easy. When I used the old object embed code, it just worked. Thanks for the suggested solution but it works for iframe. But does not need any additional code.

Categories