Topic: Carousel / BUG - When you don't have enough images...

I ran into this problem with a carousel that I have dynamically generated. The carousel shows two images at a time, but when there is only one image, the next arrow wouldn’t go to the disabled state.

So under the updateNextButton: function(), I added this:

if (!this.nextButton.hasClassName(nextClassName) && lastPosition < size) { this.nextButton.addClassName(nextClassName); this.fire(‘nextButton:disabled’);
}

This should work for any number of images.

Topic: Carousel / Can't get carousel to work - many JS errors =(

Okay, so I’m probably missing something fairly obvious here, but I can’t for the life of me work out what’s going on. Code below.

then lower…

I’m currently getting these errors:

- UI.ConsoleLogger is not a constructor
- UI.WindowManager is not a constructor
- this.element.down(this.options.container) has no properties

I assume the last is due to the first two errors, but I’m really lost here. I’ve even tried simplifying it further by removing all other HTML/JS from the page, and still get those 3 errors. Anyone? :(

Topic: Window / Align to the right

I noticed that the old version of these windows you could set it’s position to the right or bottom so that the window would follow if you changed your browser size. Is there any way to get this effect in the new Prototype UI windows?

Topic: Window / Reference to shadow object?

I found the solution myself:

WindowObject.shadow.show() and .hide()

Why isn’t anything that easy…

Topic: Window / Can't save session in a cookie?

I remember that the old version of Prototye Windows has a feature where you could store all the windows in a cookie so that it’s the same everytime someone visits. Is there a way to recreate that for Prototype UI / does it exist?

Topic: Window / Reference to shadow object?

Hi,

I like to temporarily hide a shadow of a window with a given id. It seems that the shadow is no part of the window, so $(window).down(’.shadow_container’) does not work. I see that there are methods to hide and show shadows, but how can I call these methods for a special window? In general: Hiding shadows while moving windows increases performance especially in IE dramatically!

Thanks!

Christian

Topic: Window / Hiding overflow on Window

Hello, is there a way to hide the overflow on a floating ajax window? I’ve tried setting to the window to a certain id and changing the css to overflow: hidden, but this did not work. It’s just the overflow causes problems when trying to use adapt() in safari.

Topic: Window / UI is undefined

hi nathan, seb,

i just downloaded window (from the startpage) and have the same problem!
can´t see windows in IE.

Is window still in production or is there a functional released version?

Regards

Topic: Window / Controls Misplaced

Hello,

I am using the latest version of Prototype-UI and all its associated files.

However, even for running the most basic example, I get the Window controls completely misplaced. For example: the close, maximize, minimize button for mac_os_x theme appear on the top left hand corner of the page – completely disconnected from the window. The window is somewhere in the middle of the page in some elements.

This is a Coldfusion code that is pulling in a lot of elements and uses scriptaculous independently. However, I did update all the libraries and all the files.

Searching this forum I also found a similar problem – where a possible answer was said as styling issue. I mitigated that by including the <link rel="..." type="..."></link> tags as near to my javascript function as possible.

Any pointers would be helpful. Thank you.

Can this be some other issue apart from styling.

Topic: Miscellaneous / Problem with GIT version

ok. I made it (sun)

Topic: Miscellaneous / Problem with GIT version

how to chagne the directory? I tried with GOTO command but it redirects me back to docs and settings :(

Topic: Miscellaneous / Problem with GIT version

did you try to change to the prototypeui directory and just call “rake dist” – than it should find the rake file by itself and also the test directory

Topic: Miscellaneous / Problem with GIT version

I tried to run rake commands but the following error ocured:
http://img81.imageshack.us/my.php?image=rakemg6…

Topic: Window / Using with HTML Text box like (FreeTextBox or tinymce)

I am trying to use Prototype UI window w/ FreeTextBox or Tinymce editor. I can load the editor in the window but the textbox is not active.

Any ideas???

Topic: Window / performance on IE 6

I also ran into some kind of performance issue with window.js It seems that just include window.js will cause the page rendering slow. Something in window.js is taking long to run in ie6. If anyone know a solution, please post.

Topic: Window / window from RJS file?

Hello,

I have a simple question, is it possible to create a window from a RSJ file in Ruby 2.*? I’ve been trying to get it to work all day, a method similar to the standard ‘show’ but it opens the information in a PrototpyeUI window instead of in the browser.

Thanks

Topic: Window / No scrolling in URLWindow?

Is there a way to make it so that scroll bars don’t show up in a URLWindow?

Topic: Carousel / Carousel Ajax / without page reload

You have to recreate the placeholder divs, destroy() seems to wipe them all the way out:

function swapCalendar(carouselUrl){
uicarousel.destroy();
$('carousel_wrapper_div').innerHTML='<div id="horizontal_carousel"><div class="prev_btn"></div><div class="container"><ul></ul><div id="spinner" style="opacity: 0; display: none;">Loading ...<br></div></div><div class="next_btn"></div></div>';
uicarousel = new UI.Ajax.Carousel("horizontal_carousel", {url: carouselUrl, elementSize: 350});

<div id='carousel_wrapper_div'><div id="horizontal_carousel">...</div></div>

Topic: Window / superfluousEffects misspelled

superflousEffects should be superfluousEffects

Topic: Window / javascript in a window?

I also have several other scripts that don’t work. Could the problem have something to do with certain javascript commands or something?

Topic: Carousel / JSON example

Hi Jake1981,

i found your post here on the forum and tried it because I have the same problem but your example does NOT work!
Do you have a working one?

Regards

Topic: Carousel / Ajax sample file

Hi @ all,

I try to get the ajax sample files to work with php and json.
My PROBLEM! I can´t see anything in the carousel. There are no images! Is this a problem with my Json output (please see below).
The scripts look like this. Would be nice if someone could help me out to get the sample files work.

Ajax Script

<script type="text/javascript">
    // <![CDATA[
      // Delay response
      Ajax.Request.prototype.originalInitialize = Ajax.Request.prototype.initialize;
      Ajax.Request.prototype.initialize = function(url, options) {
        options.onSuccess = options.onSuccess.wrap(function(proceed, request, json) {
          proceed.curry(request, json).delay(1);
        });
        this.originalInitialize(url, options);
      }

      var carousel = null;
      function runTest() {

        carousel = new UI.Ajax.Carousel("horizontal_carousel", {url: "json_output.php", elementSize: 250})
          .observe("request:started", function() {
                $('spinner').show().morph("opacity:0.8", {duration:0.5});
            })
          .observe("request:ended", function() {
                $('spinner').morph("opacity:0", {duration:0.5, afterFinish: function(obj) { obj.element.hide(); }});
            });
      }

      Event.observe(window, "load", runTest);

    // ]]>
    </script>

PHP -> JSON Output (json_output.php)

{"html":"<li><img src="../../../../../1120840905.jpg" /></li><li><img src="../../../../../1124793919.jpg" /></li>","from":1,"to":10,"more":true}

I also tried to put the lines above in a json_output.txt file and changed …

carousel = new UI.Ajax.Carousel("horizontal_carousel", {url: "json_output.txt", elementSize: 250})

Result: Same problem, I can´t see the pictures.

Anyone an idea?
Regards

Topic: Carousel / Vertical carousel and CSS issues

Hello! I’m hving the same problem with my website. I can’t make it work… even the example supplied when I downloaded the file it’s broken. I took a look at your page, and seems to be working.

do you have any tip?

The website:
http://www.rotasesabores.com/newnew/index.php

the page with the script:
http://www.rotasesabores.com/newnew/lat.php

Topic: Window / javascript in a window?

thanks for checking :)

an alert works for me too, but some some reason the script still does not get included:

ttp://static.mogulus.com/scripts/playerv2.js?channel=edited&layout=playerEmbedDefault&backgroundColor=0xffffff&backgroundAlpha=1&backgroundGradientStrength=0&chromeColor=0x333333&headerBarGlossEnabled=true&controlBarGlossEnabled=true&chatInputGlossEnabled=false&uiWhite=true&uiAlpha=0.5&uiSelectedAlpha=1&dropShadowEnabled=true&dropShadowHorizontalDistance=10&dropShadowVerticalDistance=10&paddingLeft=10&paddingRight=10&paddingTop=10&paddingBottom=10&cornerRadius=10&bannerURL=null&bannerText=edited&bannerWidth=320&bannerHeight=50&showViewers=true&embedEnabled=true&chatEnabled=false&onDemandEnabled=true&programGuideEnabled=false&fullScreenEnabled=true&reportAbuseEnabled=false&gridEnabled=false&initialIsOn=true&initialIsMute=false&initialVolume=10&width=400&height=400&wmode=window" type="text/javascript"></script>

it shows the video player when I just visit the “test.html” though, but it doesn’t appear when included in a window.

Topic: Window / Center() does not work on "scrolling" pages

Hi,
Hey Maxtone, you are not alone! I am having the same issue. The problem is that “center()” centers the window on the document, not the viewport. Which means that window is not visible with long documents with scrollbars.

Suneth