Probably the easiest way to do this would be to use CSS to set the
containing div to the desired width and set its overflow to auto.
Something like the following should work:
#videoBar-bar{width:300px;overflow:auto;}
Jeremy R. Geerdes
Effective website design & development
Des Moines, IA
For more information or a project quote:
http://jgeerdes.home.mchsi.com
http://jgeerdes.blogspot.com
http://jgeerdes.wordpress.com
[email protected]
Unless otherwise noted, any price quotes contained within this
communication are given in US dollars.
If you're in the Des Moines, IA, area, check out Debra Heights
Wesleyan Church!
And check out my blog, Adventures in Web Development, at
http://jgeerdes.blogspot.com
!
On Dec 11, 2009, at 8:44 PM, Lucy Paolucci wrote:
> The Code Worked & My Video Bar Now Has 6 videos instead of 4. Thank
> You! Thank You! Thank You! I have one final question is it possible
> to add a arrow button to scroll through the videos in the horizontal
> bar. If so what is the specific coding for it? My 6 video thumbnails
> are 100 x 75 pixels each.
>
> On Dec 11, 6:25 pm, Jeremy Geerdes <[email protected]> wrote:
>> You can start new threads. That's not a problem. Just posting the
>> same
>> thing over and over again because you didn't get an answer is sending
>> out about 5,500 emails every time. Thanks for understanding, and
>> happy
>> coding!
>>
>> Jeremy R. Geerdes
>> Effective website design & development
>> Des Moines, IA
>>
>> For more information or a project quote:http://jgeerdes.home.mchsi.comhttp
>> ://jgeerdes.blogspot.comhttp://jgeerdes.wordpress.com
>> [email protected]
>>
>> Unless otherwise noted, any price quotes contained within this
>> communication are given in US dollars.
>>
>> If you're in the Des Moines, IA, area, check out Debra Heights
>> Wesleyan Church!
>>
>> And check out my blog, Adventures in Web Development,
>> athttp://jgeerdes.blogspot.com
>> !
>>
>> On Dec 11, 2009, at 4:32 PM, Lucy Paolucci wrote:
>>
>>
>>
>>> Thank You So Much. I apologize for breaking the group posting
>>> rules,
>>> but now that I am aware of the violation, I promise to honor the
>>> rules
>>> in future communications. Should I post any problems or questions
>>> in
>>> this thread? Thank you again. Have a great weekend.
>>
>>> Lucy Paolucci
>>
>>> On Dec 11, 4:36 pm, Jeremy Geerdes <[email protected]> wrote:
>>>> Please follow these steps to accomplish what you're trying to do.
>>
>>>> Locate the line in your existing code ready "largeResultSet : !
>>>> true,"
>>>> and change it this: largeResultSet : true,
>>
>>>> 2. Download and
>>>> savehttp://www.google.com/uds/solutions/videobar/gsvideobar.js?mode=new
>>>> . Open it in a text editor (e.g., Notepad, TextEdit, etc.)
>>
>>>> 3. In gsvideobar.js, locate the line that reads
>>>> "GSvideoBar.prototype.searchComplete = function(fromListItem) {". A
>>>> few lines below this, there is a line reading "for (var i = 0; i <
>>>> this.vs.results.length; i++) {". Change this second line to this:
>>>> for
>>>> (var i = 0; i < this.vs.results.length && i < 6; i++) {
>>
>>>> 4. Save your copy of gsvideobar.js, upload it to your site.
>>
>>>> 5. Adjust the line in your previous code reading <script
>>>> src="http://www.google.com/uds/solutions/videobar/gsvideobar.js?mode=new
>>>> " type="text/javascript"></script> so that the src attribute points
>>>> to
>>>> your copy of gsvideobar.js instead of Google's.
>>
>>>> All of this said, in the future, please refrain from posting the
>>>> same
>>>> thing multiple times on the group. Sometimes it takes a little time
>>>> to
>>>> get an answer, especially when your request is for detailed
>>>> instructions about how to do something. Further, posting the same
>>>> thing multiple times could ultimately result in you getting banned
>>>> for
>>>> spamming the group.
>>
>>>> Jeremy R. Geerdes
>>>> Effective website design & development
>>>> Des Moines, IA
>>
>>>> For more information or a project quote:http://jgeerdes.home.mchsi.comhttp
>>>> ://jgeerdes.blogspot.comhttp://jgeerdes.wordpress.com
>>>> [email protected]
>>
>>>> Unless otherwise noted, any price quotes contained within this
>>>> communication are given in US dollars.
>>
>>>> If you're in the Des Moines, IA, area, check out Debra Heights
>>>> Wesleyan Church!
>>
>>>> And check out my blog, Adventures in Web Development,
>>>> athttp://jgeerdes.blogspot.com
>>>> !
>>
>>>> On Dec 10, 2009, at 12:40 PM, Lucy Paolucci wrote:
>>
>>>>> Thank You So Much For The Quick Reply, But How Do That? Also I
>>>>> would
>>>>> like to add a scroll for the bar. Here Is My Current Code:
>>
>>>>> <div id="videoBar-bar">
>>>>> <span style="color:#676767;font-size:11px;margin:10px;padding:
>>>>> 4px;">Loading...</span>
>>>>> </div>
>>
>>>>> <!-- Ajax Search Api and Stylesheet
>>>>> // Note: If you are already using the AJAX Search API, then do
>>>>> not
>>>>> include it
>>>>> // or its stylesheet again
>>>>> -->
>>>>> <script src="http://www.google.com/uds/api?
>>>>> file=uds.js&v=1.0&source=uds-vbw"
>>>>> type="text/javascript"></script>
>>>>> <style type="text/css">
>>>>> @import url("http://www.google.com/uds/css/gsearch.css";);
>>>>> </style>
>>
>>>>> <!-- Video Bar Code and Stylesheet -->
>>>>> <script type="text/javascript">
>>>>> window._uds_vbw_donotrepair = true;
>>>>> </script>
>>>>> <script src="http://www.google.com/uds/solutions/videobar/
>>>>> gsvideobar.js?mode=new"
>>>>> type="text/javascript"></script>
>>>>> <style type="text/css">
>>>>> @import url("http://www.google.com/uds/solutions/videobar/
>>>>> gsvideobar.css");
>>>>> </style>
>>
>>>>> <style type="text/css">
>>>>> .playerInnerBox_gsvb .player_gsvb {
>>>>> width : 320px;
>>>>> height : 240px;
>>>>> }
>>>>> </style>
>>>>> <script type="text/javascript">
>>>>> function LoadVideoBar() {
>>
>>>>> var videoBar;
>>>>> var options = {
>>>>> largeResultSet : !true,
>>>>> horizontal : true,
>>>>> autoExecuteList : {
>>>>> cycleTime : GSvideoBar.CYCLE_TIME_MEDIUM,
>>>>> cycleMode : GSvideoBar.CYCLE_MODE_LINEAR,
>>>>> executeList : ["ytchannel:TheDirtyMartinisite"]
>>>>> }
>>>>> }
>>
>>>>> videoBar = new GSvideoBar(document.getElementById("videoBar-
>>>>> bar"),
>>>>> GSvideoBar.PLAYER_ROOT_FLOATING,
>>>>> options);
>>>>> }
>>>>> // arrange for this function to be called during body.onload
>>>>> // event processing
>>>>> GSearch.setOnLoadCallback(LoadVideoBar);
>>
>>>>> </script>
>>
>>>>> On Dec 10, 1:32 pm, Jeremy Geerdes <[email protected]> wrote:
>>>>>> Yes, but you're going to have to go in and manually edit the JS
>>>>>> to do
>>>>>> it because the API only returns results in sets of 4 or 8. So to
>>>>>> get
>>>>>> 6, you'll have to request the large resultset, but then stop the
>>>>>> loop
>>>>>> which processes the results at 6.
>>
>>>>>> Jeremy R. Geerdes
>>>>>> Effective website design & development
>>>>>> Des Moines, IA
>>
>>>>>> For more information or a project
>>>>>> quote:http://jgeerdes.home.mchsi.comhttp
>>>>>> ://jgeerdes.blogspot.comhttp://jgeerdes.wordpress.com
>>>>>> [email protected]
>>
>>>>>> Unless otherwise noted, any price quotes contained within this
>>>>>> communication are given in US dollars.
>>
>>>>>> If you're in the Des Moines, IA, area, check out Debra Heights
>>>>>> Wesleyan Church!
>>
>>>>>> And check out my blog, Adventures in Web Development,
>>>>>> athttp://jgeerdes.blogspot.com
>>>>>> !
>>
>>>>>> On Dec 10, 2009, at 11:58 AM, Lucy Paolucci wrote:
>>
>>>>>>> I have created a horizontal bar for my website but it only
>>>>>>> features 4
>>>>>>> videos in the bar, is it possible to edit the code to feature 6
>>>>>>> videos
>>>>>>> instead of 4? Thank You!
>>
>>>>>>> --
>>
>>>>>>> You received this message because you are subscribed to the
>>>>>>> Google
>>>>>>> Groups "Google AJAX APIs" group.
>>>>>>> To post to this group, send email to
>>>>>>> [email protected]
>>>>>>> .
>>>>>>> To unsubscribe from this group, send email to
>>>>>>> [email protected]
>>>>>>> .
>>>>>>> For more options, visit this group
>>>>>>> athttp://groups.google.com/group/google-ajax-search-api?hl=en
>>>>>>> .- Hide quoted text -
>>
>>>>>> - Show quoted text -
>>
>>>>> --
>>
>>>>> You received this message because you are subscribed to the Google
>>>>> Groups "Google AJAX APIs" group.
>>>>> To post to this group, send email to
>>>>> [email protected]
>>>>> .
>>>>> To unsubscribe from this group, send email to
>>>>> [email protected]
>>>>> .
>>>>> For more options, visit this group
>>>>> athttp://groups.google.com/group/google-ajax-search-api?hl=en
>>>>> .- Hide quoted text -
>>
>>>> - Show quoted text -
>>
>>> --
>>
>>> You received this message because you are subscribed to the Google
>>> Groups "Google AJAX APIs" group.
>>> To post to this group, send email to [email protected]
>>> .
>>> To unsubscribe from this group, send email to
>>> [email protected]
>>> .
>>> For more options, visit this group
>>> athttp://groups.google.com/group/google-ajax-search-api?hl=en
>>> .- Hide quoted text -
>>
>> - Show quoted text -
>
> --
>
> You received this message because you are subscribed to the Google
> Groups "Google AJAX APIs" group.
> To post to this group, send email to [email protected]
> .
> To unsubscribe from this group, send email to
> [email protected]
> .
> For more options, visit this group at
> http://groups.google.com/group/google-ajax-search-api?hl=en
> .
>
>
--
You received this message because you are subscribed to the Google Groups
"Google AJAX APIs" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-ajax-search-api?hl=en.
