zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden JSFiddle weigert sich, eine JS/JQuery Datei anzunehmen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.05.2016, 10:25
Benutzerbild von Krischu
"Validier erst mal"-Sager
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 09.08.2006
Beiträge: 323
Krischu befindet sich auf einem aufstrebenden Ast
Standard JSFiddle weigert sich, eine JS/JQuery Datei anzunehmen

Beim Hochladen ins JS-Fenster von JSFiddle sagt es mir:

Input plain Javascript code, no HTML

Es handelt sich genau um diesen Inhalt (den ich schon online beautifiziert habe - war vorher alles in einer Zeile):
Code:
/* +++  jquery.prettyPhoto.js  +++ */
/* ------------------------------------------------------------------------
	Class: prettyPhoto
	Use: Lightbox clone for jQuery
	Author: Stephane Caron (http://www.no-margin-for-errors.com)
	Version: 3.1.6
------------------------------------------------------------------------- */
! function(e) {
    function t() {
        var e = location.href;
        return hashtag = -1 !== e.indexOf("#prettyPhoto") ? decodeURI(e.substring(e.indexOf("#prettyPhoto") + 1, e.length)) : !1, hashtag && (hashtag = hashtag.replace(/<|>/g, "")), hashtag
    }

    function i() {
        "undefined" != typeof theRel && (location.hash = theRel + "/" + rel_index + "/")
    }

    function p() {
        -1 !== location.href.indexOf("#prettyPhoto") && (location.hash = "prettyPhoto")
    }

    function o(e, t) {
        e = e.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        var i = "[\\?&]" + e + "=([^&#]*)",
            p = new RegExp(i),
            o = p.exec(t);
        return null == o ? "" : o[1]
    }
    e.prettyPhoto = {
        version: "3.1.6"
    }, e.fn.prettyPhoto = function(a) {
        function s() {
            e(".pp_loaderIcon").hide(), projectedTop = scroll_pos.scrollTop + (I / 2 - f.containerHeight / 2), projectedTop < 0 && (projectedTop = 0), $ppt.fadeTo(settings.animation_speed, 1), $pp_pic_holder.find(".pp_content").animate({
                height: f.contentHeight,
                width: f.contentWidth
            }, settings.animation_speed), $pp_pic_holder.animate({
                top: projectedTop,
                left: j / 2 - f.containerWidth / 2 < 0 ? 0 : j / 2 - f.containerWidth / 2,
                width: f.containerWidth
            }, settings.animation_speed, function() {
                $pp_pic_holder.find(".pp_hoverContainer,#fullResImage").height(f.height).width(f.width), $pp_pic_holder.find(".pp_fade").fadeIn(settings.animation_speed), isSet && "image" == h(pp_images[set_position]) ? $pp_pic_holder.find(".pp_hoverContainer").show() : $pp_pic_holder.find(".pp_hoverContainer").hide(), settings.allow_expand && (f.resized ? e("a.pp_expand,a.pp_contract").show() : e("a.pp_expand").hide()), !settings.autoplay_slideshow || P || v || e.prettyPhoto.startSlideshow(), settings.changepicturecallback(), v = !0
            }), m(), a.ajaxcallback()
        }

        function n(t) {
            $pp_pic_holder.find("#pp_full_res object,#pp_full_res embed").css("visibility", "hidden"), $pp_pic_holder.find(".pp_fade").fadeOut(settings.animation_speed, function() {
                e(".pp_loaderIcon").show(), t()
            })
        }

        function r(t) {
            t > 1 ? e(".pp_nav").show() : e(".pp_nav").hide()
        }

        function l(e, t) {
            if (resized = !1, d(e, t), imageWidth = e, imageHeight = t, (k > j || b > I) && doresize && settings.allow_resize && !$) {
                for (resized = !0, fitting = !1; !fitting;) k > j ? (imageWidth = j - 200, imageHeight = t / e * imageWidth) : b > I ? (imageHeight = I - 200, imageWidth = e / t * imageHeight) : fitting = !0, b = imageHeight, k = imageWidth;
                (k > j || b > I) && l(k, b), d(imageWidth, imageHeight)
            }
            return {
                width: Math.floor(imageWidth),
                height: Math.floor(imageHeight),
                containerHeight: Math.floor(b),
                containerWidth: Math.floor(k) + 2 * settings.horizontal_padding,
                contentHeight: Math.floor(y),
                contentWidth: Math.floor(w),
                resized: resized
            }
        }

        function d(t, i) {
            t = parseFloat(t), i = parseFloat(i), $pp_details = $pp_pic_holder.find(".pp_details"), $pp_details.width(t), detailsHeight = parseFloat($pp_details.css("marginTop")) + parseFloat($pp_details.css("marginBottom")), $pp_details = $pp_details.clone().addClass(settings.theme).width(t).appendTo(e("body")).css({
                position: "absolute",
                top: -1e4
            }), detailsHeight += $pp_details.height(), detailsHeight = detailsHeight <= 34 ? 36 : detailsHeight, $pp_details.remove(), $pp_title = $pp_pic_holder.find(".ppt"), $pp_title.width(t), titleHeight = parseFloat($pp_title.css("marginTop")) + parseFloat($pp_title.css("marginBottom")), $pp_title = $pp_title.clone().appendTo(e("body")).css({
                position: "absolute",
                top: -1e4
            }), titleHeight += $pp_title.height(), $pp_title.remove(), y = i + detailsHeight, w = t, b = y + titleHeight + $pp_pic_holder.find(".pp_top").height() + $pp_pic_holder.find(".pp_bottom").height(), k = t
        }

        function h(e) {
            return e.match(/youtube\.com\/watch/i) || e.match(/youtu\.be/i) ? "youtube" : e.match(/vimeo\.com/i) ? "vimeo" : e.match(/\b.mov\b/i) ? "quicktime" : e.match(/\b.swf\b/i) ? "flash" : e.match(/\biframe=true\b/i) ? "iframe" : e.match(/\bajax=true\b/i) ? "ajax" : e.match(/\bcustom=true\b/i) ? "custom" : "#" == e.substr(0, 1) ? "inline" : "image"
        }

        function c() {
            if (doresize && "undefined" != typeof $pp_pic_holder) {
                if (scroll_pos = _(), contentHeight = $pp_pic_holder.height(), contentwidth = $pp_pic_holder.width(), projectedTop = I / 2 + scroll_pos.scrollTop - contentHeight / 2, projectedTop < 0 && (projectedTop = 0), contentHeight > I) return;
                $pp_pic_holder.css({
                    top: projectedTop,
                    left: j / 2 + scroll_pos.scrollLeft - contentwidth / 2
                })
            }
        }

        function _() {
            return self.pageYOffset ? {
                scrollTop: self.pageYOffset,
                scrollLeft: self.pageXOffset
            } : document.documentElement && document.documentElement.scrollTop ? {
                scrollTop: document.documentElement.scrollTop,
                scrollLeft: document.documentElement.scrollLeft
            } : document.body ? {
                scrollTop: document.body.scrollTop,
                scrollLeft: document.body.scrollLeft
            } : void 0
        }

        function g() {
            I = e(window).height(), j = e(window).width(), "undefined" != typeof $pp_overlay && $pp_overlay.height(e(document).height()).width(j)
        }

        function m() {
            isSet && settings.overlay_gallery && "image" == h(pp_images[set_position]) ? (itemWidth = 57, navWidth = "facebook" == settings.theme || "pp_default" == settings.theme ? 50 : 30, itemsPerPage = Math.floor((f.containerWidth - 100 - navWidth) / itemWidth), itemsPerPage = itemsPerPage < pp_images.length ? itemsPerPage : pp_images.length, totalPage = Math.ceil(pp_images.length / itemsPerPage) - 1, 0 == totalPage ? (navWidth = 0, $pp_gallery.find(".pp_arrow_next,.pp_arrow_previous").hide()) : $pp_gallery.find(".pp_arrow_next,.pp_arrow_previous").show(), galleryWidth = itemsPerPage * itemWidth, fullGalleryWidth = pp_images.length * itemWidth, $pp_gallery.css("margin-left", -(galleryWidth / 2 + navWidth / 2)).find("div:first").width(galleryWidth + 5).find("ul").width(fullGalleryWidth).find("li.selected").removeClass("selected"), goToPage = Math.floor(set_position / itemsPerPage) < totalPage ? Math.floor(set_position / itemsPerPage) : totalPage, e.prettyPhoto.changeGalleryPage(goToPage), $pp_gallery_li.filter(":eq(" + set_position + ")").addClass("selected")) : $pp_pic_holder.find(".pp_content").unbind("mouseenter mouseleave")
        }

        function u() {
            if (settings.social_tools && (facebook_like_link = settings.social_tools.replace("{location_href}", encodeURIComponent(location.href))), settings.markup = settings.markup.replace("{pp_social}", ""), e("body").append(settings.markup), $pp_pic_holder = e(".pp_pic_holder"), $ppt = e(".ppt"), $pp_overlay = e("div.pp_overlay"), isSet && settings.overlay_gallery) {
                currentGalleryPage = 0, toInject = "";
                for (var t = 0; t < pp_images.length; t++) pp_images[t].match(/\b(jpg|jpeg|png|gif)\b/gi) ? (classname = "", img_src = pp_images[t]) : (classname = "default", img_src = ""), toInject += "<li class='" + classname + "'><a href='#'><img src='" + img_src + "' width='50' alt='' /></a></li>";
                toInject = settings.gallery_markup.replace(/{gallery}/g, toInject), $pp_pic_holder.find("#pp_full_res").after(toInject), $pp_gallery = e(".pp_pic_holder .pp_gallery"), $pp_gallery_li = $pp_gallery.find("li"), $pp_gallery.find(".pp_arrow_next").click(function() {
                    return e.prettyPhoto.changeGalleryPage("next"), e.prettyPhoto.stopSlideshow(), !1
                }), $pp_gallery.find(".pp_arrow_previous").click(function() {
                    return e.prettyPhoto.changeGalleryPage("previous"), e.prettyPhoto.stopSlideshow(), !1
                }), $pp_pic_holder.find(".pp_content").hover(function() {
                    $pp_pic_holder.find(".pp_gallery:not(.disabled)").fadeIn()
                }, function() {
                    $pp_pic_holder.find(".pp_gallery:not(.disabled)").fadeOut()
                }), itemWidth = 57, $pp_gallery_li.each(function(t) {
                    e(this).find("a").click(function() {
                        return e.prettyPhoto.changePage(t), e.prettyPhoto.stopSlideshow(), !1
                    })
                })
            }
            settings.slideshow && ($pp_pic_holder.find(".pp_nav").prepend('<a href="#" class="pp_play">Play</a>'), $pp_pic_holder.find(".pp_nav .pp_play").click(function() {
                return e.prettyPhoto.startSlideshow(), !1
            })), $pp_pic_holder.attr("class", "pp_pic_holder " + settings.theme), $pp_overlay.css({
                opacity: 0,
                height: e(document).height(),
                width: e(window).width()
            }).bind("click", function() {
                settings.modal || e.prettyPhoto.close()
            }), e("a.pp_close").bind("click", function() {
                return e.prettyPhoto.close(), !1
            }), settings.allow_expand && e("a.pp_expand").bind("click", function() {
                return e(this).hasClass("pp_expand") ? (e(this).removeClass("pp_expand").addClass("pp_contract"), doresize = !1) : (e(this).removeClass("pp_contract").addClass("pp_expand"), doresize = !0), n(function() {
                    e.prettyPhoto.open()
                }), !1
            }), $pp_pic_holder.find(".pp_previous, .pp_nav .pp_arrow_previous").bind("click", function() {
                return e.prettyPhoto.changePage("previous"), e.prettyPhoto.stopSlideshow(), !1
            }), $pp_pic_holder.find(".pp_next, .pp_nav .pp_arrow_next").bind("click", function() {
                return e.prettyPhoto.changePage("next"), e.prettyPhoto.stopSlideshow(), !1
            }), c()
        }
        a = jQuery.extend({
            hook: "rel",
            animation_speed: "fast",
            ajaxcallback: function() {},
            slideshow: 5e3,
            autoplay_slideshow: !1,
            opacity: .8,
            show_title: !0,
            allow_resize: !0,
            allow_expand: !0,
            default_width: 500,
            default_height: 344,
            counter_separator_label: "/",
            theme: "pp_default",
            horizontal_padding: 20,
            hideflash: !1,
            wmode: "opaque",
            autoplay: !0,
            modal: !1,
            deeplinking: !0,
            overlay_gallery: !0,
            overlay_gallery_max: 30,
            keyboard_shortcuts: !0,
            changepicturecallback: function() {},
            callback: function() {},
            ie6_fallback: !0,
            markup: '<div class="pp_pic_holder"> 						<div class="ppt">&nbsp;</div> 						<div class="pp_top"> 							<div class="pp_left"></div> 							<div class="pp_middle"></div> 							<div class="pp_right"></div> 						</div> 						<div class="pp_content_container"> 							<div class="pp_left"> 							<div class="pp_right"> 								<div class="pp_content"> 									<div class="pp_loaderIcon"></div> 									<div class="pp_fade"> 										<a href="#" class="pp_expand" title="Expand the image">Expand</a> 										<div class="pp_hoverContainer"> 											<a class="pp_next" href="#">next</a> 											<a class="pp_previous" href="#">previous</a> 										</div> 										<div id="pp_full_res"></div> 										<div class="pp_details"> 											<div class="pp_nav"> 												<a href="#" class="pp_arrow_previous">Previous</a> 												<p class="currentTextHolder">0/0</p> 												<a href="#" class="pp_arrow_next">Next</a> 											</div> 											<p class="pp_description"></p> 											<div class="pp_social">{pp_social}</div> 											<a class="pp_close" href="#">Close</a> 										</div> 									</div> 								</div> 							</div> 							</div> 						</div> 						<div class="pp_bottom"> 							<div class="pp_left"></div> 							<div class="pp_middle"></div> 							<div class="pp_right"></div> 						</div> 					</div> 					<div class="pp_overlay"></div>',
            gallery_markup: '<div class="pp_gallery"> 								<a href="#" class="pp_arrow_previous">Previous</a> 								<div> 									<ul> 										{gallery} 									</ul> 								</div> 								<a href="#" class="pp_arrow_next">Next</a> 							</div>',
            image_markup: '<img id="fullResImage" src="{path}" />',
            flash_markup: '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}"><param name="wmode" value="{wmode}" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{path}" /><embed src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></embed></object>',
            quicktime_markup: '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>',
            iframe_markup: '<iframe src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>',
            inline_markup: '<div class="pp_inline">{content}</div>',
            custom_markup: "",
            social_tools: '<div class="twitter"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div class="facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&href={location_href}&layout=button_count&show_faces=true&width=500&action=like&font&colorscheme=light&height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:23px;" allowTransparency="true"></iframe></div>'
        }, a);
        var f, v, y, w, b, k, P, x = this,
            $ = !1,
            I = e(window).height(),
            j = e(window).width();
        return doresize = !0, scroll_pos = _(), e(window).unbind("resize.prettyphoto").bind("resize.prettyphoto", function() {
            c(), g()
        }), a.keyboard_shortcuts && e(document).unbind("keydown.prettyphoto").bind("keydown.prettyphoto", function(t) {
            if ("undefined" != typeof $pp_pic_holder && $pp_pic_holder.is(":visible")) switch (t.keyCode) {
                case 37:
                    e.prettyPhoto.changePage("previous"), t.preventDefault();
                    break;
                case 39:
                    e.prettyPhoto.changePage("next"), t.preventDefault();
                    break;
                case 27:
                    settings.modal || e.prettyPhoto.close(), t.preventDefault()
            }
        }), e.prettyPhoto.initialize = function() {
            return settings = a, "pp_default" == settings.theme && (settings.horizontal_padding = 16), theRel = e(this).attr(settings.hook), galleryRegExp = /\[(?:.*)\]/, isSet = galleryRegExp.exec(theRel) ? !0 : !1, pp_images = isSet ? jQuery.map(x, function(t) {
                return -1 != e(t).attr(settings.hook).indexOf(theRel) ? e(t).attr("href") : void 0
            }) : e.makeArray(e(this).attr("href")), pp_titles = isSet ? jQuery.map(x, function(t) {
                return -1 != e(t).attr(settings.hook).indexOf(theRel) ? e(t).find("img").attr("alt") ? e(t).find("img").attr("alt") : "" : void 0
            }) : e.makeArray(e(this).find("img").attr("alt")), pp_descriptions = isSet ? jQuery.map(x, function(t) {
                return -1 != e(t).attr(settings.hook).indexOf(theRel) ? e(t).attr("title") ? e(t).attr("title") : "" : void 0
            }) : e.makeArray(e(this).attr("title")), pp_images.length > settings.overlay_gallery_max && (settings.overlay_gallery = !1), set_position = jQuery.inArray(e(this).attr("href"), pp_images), rel_index = isSet ? set_position : e("a[" + settings.hook + "^='" + theRel + "']").index(e(this)), u(this), settings.allow_resize && e(window).bind("scroll.prettyphoto", function() {
                c()
            }), e.prettyPhoto.open(), !1
        }, e.prettyPhoto.open = function(t) {
            return "undefined" == typeof settings && (settings = a, pp_images = e.makeArray(arguments[0]), pp_titles = e.makeArray(arguments[1] ? arguments[1] : ""), pp_descriptions = e.makeArray(arguments[2] ? arguments[2] : ""), isSet = pp_images.length > 1 ? !0 : !1, set_position = arguments[3] ? arguments[3] : 0, u(t.target)), settings.hideflash && e("object,embed,iframe[src*=youtube],iframe[src*=vimeo]").css("visibility", "hidden"), r(e(pp_images).size()), e(".pp_loaderIcon").show(), settings.deeplinking && i(), settings.social_tools && (facebook_like_link = settings.social_tools.replace("{location_href}", encodeURIComponent(location.href)), $pp_pic_holder.find(".pp_social").html(facebook_like_link)), $ppt.is(":hidden") && $ppt.css("opacity", 0).show(), $pp_overlay.show().fadeTo(settings.animation_speed, settings.opacity), $pp_pic_holder.find(".currentTextHolder").text(set_position + 1 + settings.counter_separator_label + e(pp_images).size()), "undefined" != typeof pp_descriptions[set_position] && "" != pp_descriptions[set_position] ? $pp_pic_holder.find(".pp_description").show().html(unescape(pp_descriptions[set_position])) : $pp_pic_holder.find(".pp_description").hide(), movie_width = parseFloat(o("width", pp_images[set_position])) ? o("width", pp_images[set_position]) : settings.default_width.toString(), movie_height = parseFloat(o("height", pp_images[set_position])) ? o("height", pp_images[set_position]) : settings.default_height.toString(), $ = !1, -1 != movie_height.indexOf("%") && (movie_height = parseFloat(e(window).height() * parseFloat(movie_height) / 100 - 150), $ = !0), -1 != movie_width.indexOf("%") && (movie_width = parseFloat(e(window).width() * parseFloat(movie_width) / 100 - 150), $ = !0), $pp_pic_holder.fadeIn(function() {
                switch ($ppt.html(settings.show_title && "" != pp_titles[set_position] && "undefined" != typeof pp_titles[set_position] ? unescape(pp_titles[set_position]) : "&nbsp;"), imgPreloader = "", skipInjection = !1, h(pp_images[set_position])) {
                    case "image":
                        imgPreloader = new Image, nextImage = new Image, isSet && set_position < e(pp_images).size() - 1 && (nextImage.src = pp_images[set_position + 1]), prevImage = new Image, isSet && pp_images[set_position - 1] && (prevImage.src = pp_images[set_position - 1]), $pp_pic_holder.find("#pp_full_res")[0].innerHTML = settings.image_markup.replace(/{path}/g, pp_images[set_position]), imgPreloader.onload = function() {
                            f = l(imgPreloader.width, imgPreloader.height), s()
                        }, imgPreloader.onerror = function() {
                            alert("Image cannot be loaded. Make sure the path is correct and image exist."), e.prettyPhoto.close()
                        }, imgPreloader.src = pp_images[set_position];
                        break;
                    case "youtube":
                        f = l(movie_width, movie_height), movie_id = o("v", pp_images[set_position]), "" == movie_id && (movie_id = pp_images[set_position].split("youtu.be/"), movie_id = movie_id[1], movie_id.indexOf("?") > 0 && (movie_id = movie_id.substr(0, movie_id.indexOf("?"))), movie_id.indexOf("&") > 0 && (movie_id = movie_id.substr(0, movie_id.indexOf("&")))), movie = "http://www.youtube.com/embed/" + movie_id, movie += o("rel", pp_images[set_position]) ? "?rel=" + o("rel", pp_images[set_position]) : "?rel=1", settings.autoplay && (movie += "&autoplay=1"), toInject = settings.iframe_markup.replace(/{width}/g, f.width).replace(/{height}/g, f.height).replace(/{wmode}/g, settings.wmode).replace(/{path}/g, movie);
                        break;
                    case "vimeo":
                        f = l(movie_width, movie_height), movie_id = pp_images[set_position];
                        var t = /http(s?):\/\/(www\.)?vimeo.com\/(\d+)/,
                            i = movie_id.match(t);
                        movie = "http://player.vimeo.com/video/" + i[3] + "?title=0&byline=0&portrait=0", settings.autoplay && (movie += "&autoplay=1;"), vimeo_width = f.width + "/embed/?moog_width=" + f.width, toInject = settings.iframe_markup.replace(/{width}/g, vimeo_width).replace(/{height}/g, f.height).replace(/{path}/g, movie);
                        break;
                    case "quicktime":
                        f = l(movie_width, movie_height), f.height += 15, f.contentHeight += 15, f.containerHeight += 15, toInject = settings.quicktime_markup.replace(/{width}/g, f.width).replace(/{height}/g, f.height).replace(/{wmode}/g, settings.wmode).replace(/{path}/g, pp_images[set_position]).replace(/{autoplay}/g, settings.autoplay);
                        break;
                    case "flash":
                        f = l(movie_width, movie_height), flash_vars = pp_images[set_position], flash_vars = flash_vars.substring(pp_images[set_position].indexOf("flashvars") + 10, pp_images[set_position].length), filename = pp_images[set_position], filename = filename.substring(0, filename.indexOf("?")), toInject = settings.flash_markup.replace(/{width}/g, f.width).replace(/{height}/g, f.height).replace(/{wmode}/g, settings.wmode).replace(/{path}/g, filename + "?" + flash_vars);
                        break;
                    case "iframe":
                        f = l(movie_width, movie_height), frame_url = pp_images[set_position], frame_url = frame_url.substr(0, frame_url.indexOf("iframe") - 1), toInject = settings.iframe_markup.replace(/{width}/g, f.width).replace(/{height}/g, f.height).replace(/{path}/g, frame_url);
                        break;
                    case "ajax":
                        doresize = !1, f = l(movie_width, movie_height), doresize = !0, skipInjection = !0, e.get(pp_images[set_position], function(e) {
                            toInject = settings.inline_markup.replace(/{content}/g, e), $pp_pic_holder.find("#pp_full_res")[0].innerHTML = toInject, s()
                        });
                        break;
                    case "custom":
                        f = l(movie_width, movie_height), toInject = settings.custom_markup;
                        break;
                    case "inline":
                        myClone = e(pp_images[set_position]).clone().append('<br clear="all" />').css({
                            width: settings.default_width
                        }).wrapInner('<div id="pp_full_res"><div class="pp_inline"></div></div>').appendTo(e("body")).show(), doresize = !1, f = l(e(myClone).width(), e(myClone).height()), doresize = !0, e(myClone).remove(), toInject = settings.inline_markup.replace(/{content}/g, e(pp_images[set_position]).html())
                }
                imgPreloader || skipInjection || ($pp_pic_holder.find("#pp_full_res")[0].innerHTML = toInject, s())
            }), !1
        }, e.prettyPhoto.changePage = function(t) {
            currentGalleryPage = 0, "previous" == t ? (set_position--, set_position < 0 && (set_position = e(pp_images).size() - 1)) : "next" == t ? (set_position++, set_position > e(pp_images).size() - 1 && (set_position = 0)) : set_position = t, rel_index = set_position, doresize || (doresize = !0), settings.allow_expand && e(".pp_contract").removeClass("pp_contract").addClass("pp_expand"), n(function() {
                e.prettyPhoto.open()
            })
        }, e.prettyPhoto.changeGalleryPage = function(e) {
            "next" == e ? (currentGalleryPage++, currentGalleryPage > totalPage && (currentGalleryPage = 0)) : "previous" == e ? (currentGalleryPage--, currentGalleryPage < 0 && (currentGalleryPage = totalPage)) : currentGalleryPage = e, slide_speed = "next" == e || "previous" == e ? settings.animation_speed : 0, slide_to = currentGalleryPage * itemsPerPage * itemWidth, $pp_gallery.find("ul").animate({
                left: -slide_to
            }, slide_speed)
        }, e.prettyPhoto.startSlideshow = function() {
            "undefined" == typeof P ? ($pp_pic_holder.find(".pp_play").unbind("click").removeClass("pp_play").addClass("pp_pause").click(function() {
                return e.prettyPhoto.stopSlideshow(), !1
            }), P = setInterval(e.prettyPhoto.startSlideshow, settings.slideshow)) : e.prettyPhoto.changePage("next")
        }, e.prettyPhoto.stopSlideshow = function() {
            $pp_pic_holder.find(".pp_pause").unbind("click").removeClass("pp_pause").addClass("pp_play").click(function() {
                return e.prettyPhoto.startSlideshow(), !1
            }), clearInterval(P), P = void 0
        }, e.prettyPhoto.close = function() {
            $pp_overlay.is(":animated") || (e.prettyPhoto.stopSlideshow(), $pp_pic_holder.stop().find("object,embed").css("visibility", "hidden"), e("div.pp_pic_holder,div.ppt,.pp_fade").fadeOut(settings.animation_speed, function() {
                e(this).remove()
            }), $pp_overlay.fadeOut(settings.animation_speed, function() {
                settings.hideflash && e("object,embed,iframe[src*=youtube],iframe[src*=vimeo]").css("visibility", "visible"), e(this).remove(), e(window).unbind("scroll.prettyphoto"), p(), settings.callback(), doresize = !0, v = !1, delete settings
            }))
        }, !pp_alreadyInitialized && t() && (pp_alreadyInitialized = !0, hashIndex = t(), hashRel = hashIndex, hashIndex = hashIndex.substring(hashIndex.indexOf("/") + 1, hashIndex.length - 1), hashRel = hashRel.substring(0, hashRel.indexOf("/")), setTimeout(function() {
            e("a[" + a.hook + "^='" + hashRel + "']:eq(" + hashIndex + ")").trigger("click")
        }, 50)), this.unbind("click.prettyphoto").bind("click.prettyphoto", e.prettyPhoto.initialize)
    }
}(jQuery);
var pp_alreadyInitialized = !1;

Ob deren Parser da durcheinanderkommt, weil da einiges an markup eingebettet (aber zitiert) ist?
__________________
--
Viele Grüße
Christoph

Geändert von Krischu (27.05.2016 um 10:27 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.05.2016, 12:35
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

der Code enthält einen parsing Fehler (bei dem auch der Browser einen Fehler wirft)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.05.2016, 13:15
Benutzerbild von Krischu
"Validier erst mal"-Sager
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 09.08.2006
Beiträge: 323
Krischu befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
der Code enthält einen parsing Fehler (bei dem auch der Browser einen Fehler wirft)
Das wundert mich, da ich den Code 1:1 übernommen habe aus der Datei. Aber JSLINT meldet in der Tat einen Fehler in Zeile 119.61

Code:
JSLint was unable to finish.
119.61
Expected a regexp factor and instead saw '{'.
                toInject = settings.gallery_markup.replace(/{gallery}/g, toInject),
Habe jetzt noch mal eine andere Datei aus dem Netz runtergeladen
(von hier: jQuery lightbox for images, videos, YouTube, iframes, ajaxStéphane Caron und zwar v.3.1.6 uncompressed.

Die Production version (compressed) führt zum urspünglichen JSLINT Fehler mit dem regexp-Fehler bei {gallery}.
Code:
/* ------------------------------------------------------------------------
      Class: prettyPhoto
      Use: Lightbox clone for jQuery
      Author: Stephane Caron (http://www.no-margin-for-errors.com)
      Version: 3.1.6
------------------------------------------------------------------------- */
(function($) {
      $.prettyPhoto = {version: '3.1.6'};
      
      $.fn.prettyPhoto = function(pp_settings) {
            pp_settings = jQuery.extend({
                  hook: 'rel', /* the attribute tag to use for prettyPhoto hooks. default: 'rel'. For HTML5, use "data-rel" or similar. */
                  animation_speed: 'fast', /* fast/slow/normal */
                  ajaxcallback: function() {},
                  slideshow: 5000, /* false OR interval time in ms */
                  autoplay_slideshow: false, /* true/false */
                  opacity: 0.80, /* Value between 0 and 1 */
                  show_title: true, /* true/false */
                  allow_resize: true, /* Resize the photos bigger than viewport. true/false */
                  allow_expand: true, /* Allow the user to expand a resized image. true/false */
                  default_width: 500,
                  default_height: 344,
                  counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
                  theme: 'pp_default', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
                  horizontal_padding: 20, /* The padding on each side of the picture */
                  hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
                  wmode: 'opaque', /* Set the flash wmode attribute */
                  autoplay: true, /* Automatically start videos: True/False */
                  modal: false, /* If set to true, only the close button will close the window */
                  deeplinking: true, /* Allow prettyPhoto to update the url to enable deeplinking. */
                  overlay_gallery: true, /* If set to true, a gallery will overlay the fullscreen image on mouse over */
                  overlay_gallery_max: 30, /* Maximum number of pictures in the overlay gallery */
                  keyboard_shortcuts: true, /* Set to false if you open forms inside prettyPhoto */
                  changepicturecallback: function(){}, /* Called everytime an item is shown/changed */
                  callback: function(){}, /* Called when prettyPhoto is closed */
                  ie6_fallback: true,
                  markup: '<div class="pp_pic_holder"> \
                                    <div class="ppt">&nbsp;</div> \
                                    <div class="pp_top"> \
                                          <div class="pp_left"></div> \
                                          <div class="pp_middle"></div> \
                                          <div class="pp_right"></div> \
                                    </div> \
                                    <div class="pp_content_container"> \
                                          <div class="pp_left"> \
                                          <div class="pp_right"> \
                                                <div class="pp_content"> \
                                                      <div class="pp_loaderIcon"></div> \
                                                      <div class="pp_fade"> \
                                                            <a href="#" class="pp_expand" title="Expand the image">Expand</a> \
                                                            <div class="pp_hoverContainer"> \
                                                                  <a class="pp_next" href="#">next</a> \
                                                                  <a class="pp_previous" href="#">previous</a> \
                                                            </div> \
                                                            <div id="pp_full_res"></div> \
                                                            <div class="pp_details"> \
                                                                  <div class="pp_nav"> \
                                                                        <a href="#" class="pp_arrow_previous">Previous</a> \
                                                                        <p class="currentTextHolder">0/0</p> \
                                                                        <a href="#" class="pp_arrow_next">Next</a> \
                                                                  </div> \
                                                                  <p class="pp_description"></p> \
                                                                  <div class="pp_social">{pp_social}</div> \
                                                                  <a class="pp_close" href="#">Close</a> \
                                                            </div> \
                                                      </div> \
                                                </div> \
                                          </div> \
                                          </div> \
                                    </div> \
                                    <div class="pp_bottom"> \
                                          <div class="pp_left"></div> \
                                          <div class="pp_middle"></div> \
                                          <div class="pp_right"></div> \
                                    </div> \
                              </div> \
                              <div class="pp_overlay"></div>',
                  gallery_markup: '<div class="pp_gallery"> \
                                                <a href="#" class="pp_arrow_previous">Previous</a> \
                                                <div> \
                                                      <ul> \
                                                            {gallery} \
                                                      </ul> \
                                                </div> \
                                                <a href="#" class="pp_arrow_next">Next</a> \
                                          </div>',
                  image_markup: '<img id="fullResImage" src="{path}" />',
                  flash_markup: '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}"><param name="wmode" value="{wmode}" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{path}" /><embed src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></embed></object>',
                  quicktime_markup: '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>',
                  iframe_markup: '<iframe src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>',
                  inline_markup: '<div class="pp_inline">{content}</div>',
                  custom_markup: '',
                  social_tools: '<div class="twitter"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div class="facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&href={location_href}&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:23px;" allowTransparency="true"></iframe></div>' /* html or false to disable */
            }, pp_settings);
            
            // Global variables accessible only by prettyPhoto
            var matchedObjects = this, percentBased = false, pp_dimensions, pp_open,
            
            // prettyPhoto container specific
            pp_contentHeight, pp_contentWidth, pp_containerHeight, pp_containerWidth,
            
            // Window size
            windowHeight = $(window).height(), windowWidth = $(window).width(),

            // Global elements
            pp_slideshow;
            
            doresize = true, scroll_pos = _get_scroll();
      
            // Window/Keyboard events
            $(window).unbind('resize.prettyphoto').bind('resize.prettyphoto',function(){ _center_overlay(); _resize_overlay(); });
            
            if(pp_settings.keyboard_shortcuts) {
                  $(document).unbind('keydown.prettyphoto').bind('keydown.prettyphoto',function(e){
                        if(typeof $pp_pic_holder != 'undefined'){
                              if($pp_pic_holder.is(':visible')){
                                    switch(e.keyCode){
                                          case 37:
                                                $.prettyPhoto.changePage('previous');
                                                e.preventDefault();
                                                break;
                                          case 39:
                                                $.prettyPhoto.changePage('next');
                                                e.preventDefault();
                                                break;
                                          case 27:
                                                if(!settings.modal)
                                                $.prettyPhoto.close();
                                                e.preventDefault();
                                                break;
                                    };
                                    // return false;
                              };
                        };
                  });
            };
            
            /**
            * Initialize prettyPhoto.
            */
            $.prettyPhoto.initialize = function() {
                  
                  settings = pp_settings;
                  
                  if(settings.theme == 'pp_default') settings.horizontal_padding = 16;
                  
                  // Find out if the picture is part of a set
                  theRel = $(this).attr(settings.hook);
                  galleryRegExp = /\[(?:.*)\]/;
                  isSet = (galleryRegExp.exec(theRel)) ? true : false;
                  
                  // Put the SRCs, TITLEs, ALTs into an array.
                  pp_images = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return $(n).attr('href'); }) : $.makeArray($(this).attr('href'));
                  pp_titles = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return ($(n).find('img').attr('alt')) ? $(n).find('img').attr('alt') : ""; }) : $.makeArray($(this).find('img').attr('alt'));
                  pp_descriptions = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return ($(n).attr('title')) ? $(n).attr('title') : ""; }) : $.makeArray($(this).attr('title'));
                  
                  if(pp_images.length > settings.overlay_gallery_max) settings.overlay_gallery = false;
                  
                  set_position = jQuery.inArray($(this).attr('href'), pp_images); // Define where in the array the clicked item is positionned
                  rel_index = (isSet) ? set_position : $("a["+settings.hook+"^='"+theRel+"']").index($(this));
                  
                  _build_overlay(this); // Build the overlay {this} being the caller
                  
                  if(settings.allow_resize)
                        $(window).bind('scroll.prettyphoto',function(){ _center_overlay(); });
                  
                  
                  $.prettyPhoto.open();
                  
                  return false;
            }


            /**
            * Opens the prettyPhoto modal box.
            * @param image {String,Array} Full path to the image to be open, can also be an array containing full images paths.
            * @param title {String,Array} The title to be displayed with the picture, can also be an array containing all the titles.
            * @param description {String,Array} The description to be displayed with the picture, can also be an array containing all the descriptions.
            */
            $.prettyPhoto.open = function(event) {
                  if(typeof settings == "undefined"){ // Means it's an API call, need to manually get the settings and set the variables
                        settings = pp_settings;
                        pp_images = $.makeArray(arguments[0]);
                        pp_titles = (arguments[1]) ? $.makeArray(arguments[1]) : $.makeArray("");
                        pp_descriptions = (arguments[2]) ? $.makeArray(arguments[2]) : $.makeArray("");
                        isSet = (pp_images.length > 1) ? true : false;
                        set_position = (arguments[3])? arguments[3]: 0;
                        _build_overlay(event.target); // Build the overlay {this} being the caller
                  }
                  
                  if(settings.hideflash) $('object,embed,iframe[src*=youtube],iframe[src*=vimeo]').css('visibility','hidden'); // Hide the flash

                  _checkPosition($(pp_images).size()); // Hide the next/previous links if on first or last images.
            
                  $('.pp_loaderIcon').show();
            
                  if(settings.deeplinking)
                        setHashtag();
            
                  // Rebuild Facebook Like Button with updated href
                  if(settings.social_tools){
                        facebook_like_link = settings.social_tools.replace('{location_href}', encodeURIComponent(location.href)); 
                        $pp_pic_holder.find('.pp_social').html(facebook_like_link);
                  }
                  
                  // Fade the content in
                  if($ppt.is(':hidden')) $ppt.css('opacity',0).show();
                  $pp_overlay.show().fadeTo(settings.animation_speed,settings.opacity);

                  // Display the current position
                  $pp_pic_holder.find('.currentTextHolder').text((set_position+1) + settings.counter_separator_label + $(pp_images).size());

                  // Set the description
                  if(typeof pp_descriptions[set_position] != 'undefined' && pp_descriptions[set_position] != ""){
                        $pp_pic_holder.find('.pp_description').show().html(unescape(pp_descriptions[set_position]));
                  }else{
                        $pp_pic_holder.find('.pp_description').hide();
                  }
                  
                  // Get the dimensions
                  movie_width = ( parseFloat(getParam('width',pp_images[set_position])) ) ? getParam('width',pp_images[set_position]) : settings.default_width.toString();
                  movie_height = ( parseFloat(getParam('height',pp_images[set_position])) ) ? getParam('height',pp_images[set_position]) : settings.default_height.toString();
                  
                  // If the size is % based, calculate according to window dimensions
                  percentBased=false;
                  if(movie_height.indexOf('%') != -1) { movie_height = parseFloat(($(window).height() * parseFloat(movie_height) / 100) - 150); percentBased = true; }
                  if(movie_width.indexOf('%') != -1) { movie_width = parseFloat(($(window).width() * parseFloat(movie_width) / 100) - 150); percentBased = true; }
                  
                  // Fade the holder
                  $pp_pic_holder.fadeIn(function(){
                        // Set the title
                        (settings.show_title && pp_titles[set_position] != "" && typeof pp_titles[set_position] != "undefined") ? $ppt.html(unescape(pp_titles[set_position])) : $ppt.html('&nbsp;');
                        
                        imgPreloader = "";
                        skipInjection = false;
                        
                        // Inject the proper content
                        switch(_getFileType(pp_images[set_position])){
                              case 'image':
                                    imgPreloader = new Image();

                                    // Preload the neighbour images
                                    nextImage = new Image();
                                    if(isSet && set_position < $(pp_images).size() -1) nextImage.src = pp_images[set_position + 1];
                                    prevImage = new Image();
                                    if(isSet && pp_images[set_position - 1]) prevImage.src = pp_images[set_position - 1];

                                    $pp_pic_holder.find('#pp_full_res')[0].innerHTML = settings.image_markup.replace(/{path}/g,pp_images[set_position]);

                                    imgPreloader.onload = function(){
                                          // Fit item to viewport
                                          pp_dimensions = _fitToViewport(imgPreloader.width,imgPreloader.height);

                                          _showContent();
                                    };

                                    imgPreloader.onerror = function(){
                                          alert('Image cannot be loaded. Make sure the path is correct and image exist.');
                                          $.prettyPhoto.close();
                                    };
                              
                                    imgPreloader.src = pp_images[set_position];
                              break;
                        
                              case 'youtube':
                                    pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
                                    
                                    // Regular youtube link
                                    movie_id = getParam('v',pp_images[set_position]);
                                    
                                    // youtu.be link
                                    if(movie_id == ""){
                                          movie_id = pp_images[set_position].split('youtu.be/');
                                          movie_id = movie_id[1];
                                          if(movie_id.indexOf('?') > 0)
                                                movie_id = movie_id.substr(0,movie_id.indexOf('?')); // Strip anything after the ?

                                          if(movie_id.indexOf('&') > 0)
                                                movie_id = movie_id.substr(0,movie_id.indexOf('&')); // Strip anything after the &
                                    }

                                    movie = 'http://www.youtube.com/embed/'+movie_id;
                                    (getParam('rel',pp_images[set_position])) ? movie+="?rel="+getParam('rel',pp_images[set_position]) : movie+="?rel=1";
                                          
                                    if(settings.autoplay) movie += "&autoplay=1";
                              
                                    toInject = settings.iframe_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,movie);
                              break;
                        
                              case 'vimeo':
                                    pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
                              
                                    movie_id = pp_images[set_position];
                                    var regExp = /http(s?):\/\/(www\.)?vimeo.com\/(\d+)/;
                                    var match = movie_id.match(regExp);
                                    
                                    movie = 'http://player.vimeo.com/video/'+ match[3] +'?title=0&amp;byline=0&amp;portrait=0';
                                    if(settings.autoplay) movie += "&autoplay=1;";
                        
                                    vimeo_width = pp_dimensions['width'] + '/embed/?moog_width='+ pp_dimensions['width'];
                        
                                    toInject = settings.iframe_markup.replace(/{width}/g,vimeo_width).replace(/{height}/g,pp_dimensions['height']).replace(/{path}/g,movie);
                              break;
                        
                              case 'quicktime':
                                    pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
                                    pp_dimensions['height']+=15; pp_dimensions['contentHeight']+=15; pp_dimensions['containerHeight']+=15; // Add space for the control bar
                        
                                    toInject = settings.quicktime_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,pp_images[set_position]).replace(/{autoplay}/g,settings.autoplay);
                              break;
                        
                              case 'flash':
                                    pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
                              
                                    flash_vars = pp_images[set_position];
                                    flash_vars = flash_vars.substring(pp_images[set_position].indexOf('flashvars') + 10,pp_images[set_position].length);

                                    filename = pp_images[set_position];
                                    filename = filename.substring(0,filename.indexOf('?'));
                              
                                    toInject =  settings.flash_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,filename+'?'+flash_vars);
                              break;
                        
                              case 'iframe':
                                    pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
                        
                                    frame_url = pp_images[set_position];
                                    frame_url = frame_url.substr(0,frame_url.indexOf('iframe')-1);

                                    toInject = settings.iframe_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{path}/g,frame_url);
                              break;
                              
                              case 'ajax':
                                    doresize = false; // Make sure the dimensions are not resized.
                                    pp_dimensions = _fitToViewport(movie_width,movie_height);
                                    doresize = true; // Reset the dimensions
                              
                                    skipInjection = true;
                                    $.get(pp_images[set_position],function(responseHTML){
                                          toInject = settings.inline_markup.replace(/{content}/g,responseHTML);
                                          $pp_pic_holder.find('#pp_full_res')[0].innerHTML = toInject;
                                          _showContent();
                                    });
                                    
                              break;
                              
                              case 'custom':
                                    pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
                              
                                    toInject = settings.custom_markup;
                              break;
                        
                              case 'inline':
                                    // to get the item height clone it, apply default width, wrap it in the prettyPhoto containers , then delete
                                    myClone = $(pp_images[set_position]).clone().append('<br clear="all" />').css({'width':settings.default_width}).wrapInner('<div id="pp_full_res"><div class="pp_inline"></div></div>').appendTo($('body')).show();
                                    doresize = false; // Make sure the dimensions are not resized.
                                    pp_dimensions = _fitToViewport($(myClone).width(),$(myClone).height());
                                    doresize = true; // Reset the dimensions
                                    $(myClone).remove();
                                    toInject = settings.inline_markup.replace(/{content}/g,$(pp_images[set_position]).html());
                              break;
                        };

                        if(!imgPreloader && !skipInjection){
                              $pp_pic_holder.find('#pp_full_res')[0].innerHTML = toInject;
                        
                              // Show content
                              _showContent();
                        };
                  });

                  return false;
            };

      
            /**
            * Change page in the prettyPhoto modal box
            * @param direction {String} Direction of the paging, previous or next.
            */
            $.prettyPhoto.changePage = function(direction){
                  currentGalleryPage = 0;
                  
                  if(direction == 'previous') {
                        set_position--;
                        if (set_position < 0) set_position = $(pp_images).size()-1;
                  }else if(direction == 'next'){
                        set_position++;
                        if(set_position > $(pp_images).size()-1) set_position = 0;
                  }else{
                        set_position=direction;
                  };
                  
                  rel_index = set_position;

                  if(!doresize) doresize = true; // Allow the resizing of the images
                  if(settings.allow_expand) {
                        $('.pp_contract').removeClass('pp_contract').addClass('pp_expand');
                  }

                  _hideContent(function(){ $.prettyPhoto.open(); });
            };


            /**
            * Change gallery page in the prettyPhoto modal box
            * @param direction {String} Direction of the paging, previous or next.
            */
            $.prettyPhoto.changeGalleryPage = function(direction){
                  if(direction=='next'){
                        currentGalleryPage ++;

                        if(currentGalleryPage > totalPage) currentGalleryPage = 0;
                  }else if(direction=='previous'){
                        currentGalleryPage --;

                        if(currentGalleryPage < 0) currentGalleryPage = totalPage;
                  }else{
                        currentGalleryPage = direction;
                  };
                  
                  slide_speed = (direction == 'next' || direction == 'previous') ? settings.animation_speed : 0;

                  slide_to = currentGalleryPage * (itemsPerPage * itemWidth);

                  $pp_gallery.find('ul').animate({left:-slide_to},slide_speed);
            };


            /**
            * Start the slideshow...
            */
            $.prettyPhoto.startSlideshow = function(){
                  if(typeof pp_slideshow == 'undefined'){
                        $pp_pic_holder.find('.pp_play').unbind('click').removeClass('pp_play').addClass('pp_pause').click(function(){
                              $.prettyPhoto.stopSlideshow();
                              return false;
                        });
                        pp_slideshow = setInterval($.prettyPhoto.startSlideshow,settings.slideshow);
                  }else{
                        $.prettyPhoto.changePage('next');      
                  };
            }


            /**
            * Stop the slideshow...
            */
            $.prettyPhoto.stopSlideshow = function(){
                  $pp_pic_holder.find('.pp_pause').unbind('click').removeClass('pp_pause').addClass('pp_play').click(function(){
                        $.prettyPhoto.startSlideshow();
                        return false;
                  });
                  clearInterval(pp_slideshow);
                  pp_slideshow=undefined;
            }


            /**
            * Closes prettyPhoto.
            */
            $.prettyPhoto.close = function(){
                  if($pp_overlay.is(":animated")) return;
                  
                  $.prettyPhoto.stopSlideshow();
                  
                  $pp_pic_holder.stop().find('object,embed').css('visibility','hidden');
                  
                  $('div.pp_pic_holder,div.ppt,.pp_fade').fadeOut(settings.animation_speed,function(){ $(this).remove(); });
                  
                  $pp_overlay.fadeOut(settings.animation_speed, function(){
                        
                        if(settings.hideflash) $('object,embed,iframe[src*=youtube],iframe[src*=vimeo]').css('visibility','visible'); // Show the flash
                        
                        $(this).remove(); // No more need for the prettyPhoto markup
                        
                        $(window).unbind('scroll.prettyphoto');
                        
                        clearHashtag();
                        
                        settings.callback();
                        
                        doresize = true;
                        
                        pp_open = false;
                        
                        delete settings;
                  });
            };
      
            /**
            * Set the proper sizes on the containers and animate the content in.
            */
            function _showContent(){
                  $('.pp_loaderIcon').hide();

                  // Calculate the opened top position of the pic holder
                  projectedTop = scroll_pos['scrollTop'] + ((windowHeight/2) - (pp_dimensions['containerHeight']/2));
                  if(projectedTop < 0) projectedTop = 0;

                  $ppt.fadeTo(settings.animation_speed,1);

                  // Resize the content holder
                  $pp_pic_holder.find('.pp_content')
                        .animate({
                              height:pp_dimensions['contentHeight'],
                              width:pp_dimensions['contentWidth']
                        },settings.animation_speed);
                  
                  // Resize picture the holder
                  $pp_pic_holder.animate({
                        'top': projectedTop,
                        'left': ((windowWidth/2) - (pp_dimensions['containerWidth']/2) < 0) ? 0 : (windowWidth/2) - (pp_dimensions['containerWidth']/2),
                        width:pp_dimensions['containerWidth']
                  },settings.animation_speed,function(){
                        $pp_pic_holder.find('.pp_hoverContainer,#fullResImage').height(pp_dimensions['height']).width(pp_dimensions['width']);

                        $pp_pic_holder.find('.pp_fade').fadeIn(settings.animation_speed); // Fade the new content

                        // Show the nav
                        if(isSet && _getFileType(pp_images[set_position])=="image") { $pp_pic_holder.find('.pp_hoverContainer').show(); }else{ $pp_pic_holder.find('.pp_hoverContainer').hide(); }
                  
                        if(settings.allow_expand) {
                              if(pp_dimensions['resized']){ // Fade the resizing link if the image is resized
                                    $('a.pp_expand,a.pp_contract').show();
                              }else{
                                    $('a.pp_expand').hide();
                              }
                        }
                        
                        if(settings.autoplay_slideshow && !pp_slideshow && !pp_open) $.prettyPhoto.startSlideshow();
                        
                        settings.changepicturecallback(); // Callback!
                        
                        pp_open = true;
                  });
                  
                  _insert_gallery();
                  pp_settings.ajaxcallback();
            };
            
            /**
            * Hide the content...DUH!
            */
            function _hideContent(callback){
                  // Fade out the current picture
                  $pp_pic_holder.find('#pp_full_res object,#pp_full_res embed').css('visibility','hidden');
                  $pp_pic_holder.find('.pp_fade').fadeOut(settings.animation_speed,function(){
                        $('.pp_loaderIcon').show();
                        
                        callback();
                  });
            };
      
            /**
            * Check the item position in the gallery array, hide or show the navigation links
            * @param setCount {integer} The total number of items in the set
            */
            function _checkPosition(setCount){
                  (setCount > 1) ? $('.pp_nav').show() : $('.pp_nav').hide(); // Hide the bottom nav if it's not a set.
            };
      
            /**
            * Resize the item dimensions if it's bigger than the viewport
            * @param width {integer} Width of the item to be opened
            * @param height {integer} Height of the item to be opened
            * @return An array containin the "fitted" dimensions
            */
            function _fitToViewport(width,height){
                  resized = false;

                  _getDimensions(width,height);
                  
                  // Define them in case there's no resize needed
                  imageWidth = width, imageHeight = height;

                  if( ((pp_containerWidth > windowWidth) || (pp_containerHeight > windowHeight)) && doresize && settings.allow_resize && !percentBased) {
                        resized = true, fitting = false;
                  
                        while (!fitting){
                              if((pp_containerWidth > windowWidth)){
                                    imageWidth = (windowWidth - 200);
                                    imageHeight = (height/width) * imageWidth;
                              }else if((pp_containerHeight > windowHeight)){
                                    imageHeight = (windowHeight - 200);
                                    imageWidth = (width/height) * imageHeight;
                              }else{
                                    fitting = true;
                              };

                              pp_containerHeight = imageHeight, pp_containerWidth = imageWidth;
                        };
                  

                        
                        if((pp_containerWidth > windowWidth) || (pp_containerHeight > windowHeight)){
                              _fitToViewport(pp_containerWidth,pp_containerHeight)
                        };
                        
                        _getDimensions(imageWidth,imageHeight);
                  };
                  
                  return {
                        width:Math.floor(imageWidth),
                        height:Math.floor(imageHeight),
                        containerHeight:Math.floor(pp_containerHeight),
                        containerWidth:Math.floor(pp_containerWidth) + (settings.horizontal_padding * 2),
                        contentHeight:Math.floor(pp_contentHeight),
                        contentWidth:Math.floor(pp_contentWidth),
                        resized:resized
                  };
            };
            
            /**
            * Get the containers dimensions according to the item size
            * @param width {integer} Width of the item to be opened
            * @param height {integer} Height of the item to be opened
            */
            function _getDimensions(width,height){
                  width = parseFloat(width);
                  height = parseFloat(height);
                  
                  // Get the details height, to do so, I need to clone it since it's invisible
                  $pp_details = $pp_pic_holder.find('.pp_details');
                  $pp_details.width(width);
                  detailsHeight = parseFloat($pp_details.css('marginTop')) + parseFloat($pp_details.css('marginBottom'));
                  
                  $pp_details = $pp_details.clone().addClass(settings.theme).width(width).appendTo($('body')).css({
                        'position':'absolute',
                        'top':-10000
                  });
                  detailsHeight += $pp_details.height();
                  detailsHeight = (detailsHeight <= 34) ? 36 : detailsHeight; // Min-height for the details
                  $pp_details.remove();
                  
                  // Get the titles height, to do so, I need to clone it since it's invisible
                  $pp_title = $pp_pic_holder.find('.ppt');
                  $pp_title.width(width);
                  titleHeight = parseFloat($pp_title.css('marginTop')) + parseFloat($pp_title.css('marginBottom'));
                  $pp_title = $pp_title.clone().appendTo($('body')).css({
                        'position':'absolute',
                        'top':-10000
                  });
                  titleHeight += $pp_title.height();
                  $pp_title.remove();
                  
                  // Get the container size, to resize the holder to the right dimensions
                  pp_contentHeight = height + detailsHeight;
                  pp_contentWidth = width;
                  pp_containerHeight = pp_contentHeight + titleHeight + $pp_pic_holder.find('.pp_top').height() + $pp_pic_holder.find('.pp_bottom').height();
                  pp_containerWidth = width;
            }
      
            function _getFileType(itemSrc){
                  if (itemSrc.match(/youtube\.com\/watch/i) || itemSrc.match(/youtu\.be/i)) {
                        return 'youtube';
                  }else if (itemSrc.match(/vimeo\.com/i)) {
                        return 'vimeo';
                  }else if(itemSrc.match(/\b.mov\b/i)){ 
                        return 'quicktime';
                  }else if(itemSrc.match(/\b.swf\b/i)){
                        return 'flash';
                  }else if(itemSrc.match(/\biframe=true\b/i)){
                        return 'iframe';
                  }else if(itemSrc.match(/\bajax=true\b/i)){
                        return 'ajax';
                  }else if(itemSrc.match(/\bcustom=true\b/i)){
                        return 'custom';
                  }else if(itemSrc.substr(0,1) == '#'){
                        return 'inline';
                  }else{
                        return 'image';
                  };
            };
      
            function _center_overlay(){
                  if(doresize && typeof $pp_pic_holder != 'undefined') {
                        scroll_pos = _get_scroll();
                        contentHeight = $pp_pic_holder.height(), contentwidth = $pp_pic_holder.width();

                        projectedTop = (windowHeight/2) + scroll_pos['scrollTop'] - (contentHeight/2);
                        if(projectedTop < 0) projectedTop = 0;
                        
                        if(contentHeight > windowHeight)
                              return;

                        $pp_pic_holder.css({
                              'top': projectedTop,
                              'left': (windowWidth/2) + scroll_pos['scrollLeft'] - (contentwidth/2)
                        });
                  };
            };
      
            function _get_scroll(){
                  if (self.pageYOffset) {
                        return {scrollTop:self.pageYOffset,scrollLeft:self.pageXOffset};
                  } else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict
                        return {scrollTop:document.documentElement.scrollTop,scrollLeft:document.documentElement.scrollLeft};
                  } else if (document.body) {// all other Explorers
                        return {scrollTop:document.body.scrollTop,scrollLeft:document.body.scrollLeft};
                  };
            };
      
            function _resize_overlay() {
                  windowHeight = $(window).height(), windowWidth = $(window).width();
                  
                  if(typeof $pp_overlay != "undefined") $pp_overlay.height($(document).height()).width(windowWidth);
            };
      
            function _insert_gallery(){
                  if(isSet && settings.overlay_gallery && _getFileType(pp_images[set_position])=="image") {
                        itemWidth = 52+5; // 52 beign the thumb width, 5 being the right margin.
                        navWidth = (settings.theme == "facebook" || settings.theme == "pp_default") ? 50 : 30; // Define the arrow width depending on the theme
                        
                        itemsPerPage = Math.floor((pp_dimensions['containerWidth'] - 100 - navWidth) / itemWidth);
                        itemsPerPage = (itemsPerPage < pp_images.length) ? itemsPerPage : pp_images.length;
                        totalPage = Math.ceil(pp_images.length / itemsPerPage) - 1;

                        // Hide the nav in the case there's no need for links
                        if(totalPage == 0){
                              navWidth = 0; // No nav means no width!
                              $pp_gallery.find('.pp_arrow_next,.pp_arrow_previous').hide();
                        }else{
                              $pp_gallery.find('.pp_arrow_next,.pp_arrow_previous').show();
                        };

                        galleryWidth = itemsPerPage * itemWidth;
                        fullGalleryWidth = pp_images.length * itemWidth;
                        
                        // Set the proper width to the gallery items
                        $pp_gallery
                              .css('margin-left',-((galleryWidth/2) + (navWidth/2)))
                              .find('div:first').width(galleryWidth+5)
                              .find('ul').width(fullGalleryWidth)
                              .find('li.selected').removeClass('selected');
                        
                        goToPage = (Math.floor(set_position/itemsPerPage) < totalPage) ? Math.floor(set_position/itemsPerPage) : totalPage;

                        $.prettyPhoto.changeGalleryPage(goToPage);
                        
                        $pp_gallery_li.filter(':eq('+set_position+')').addClass('selected');
                  }else{
                        $pp_pic_holder.find('.pp_content').unbind('mouseenter mouseleave');
                        // $pp_gallery.hide();
                  }
            }
      
            function _build_overlay(caller){
                  // Inject Social Tool markup into General markup
                  if(settings.social_tools)
                        facebook_like_link = settings.social_tools.replace('{location_href}', encodeURIComponent(location.href)); 

                  settings.markup = settings.markup.replace('{pp_social}',''); 
                  
                  $('body').append(settings.markup); // Inject the markup
                  
                  $pp_pic_holder = $('.pp_pic_holder') , $ppt = $('.ppt'), $pp_overlay = $('div.pp_overlay'); // Set my global selectors
                  
                  // Inject the inline gallery!
                  if(isSet && settings.overlay_gallery) {
                        currentGalleryPage = 0;
                        toInject = "";
                        for (var i=0; i < pp_images.length; i++) {
                              if(!pp_images[i].match(/\b(jpg|jpeg|png|gif)\b/gi)){
                                    classname = 'default';
                                    img_src = '';
                              }else{
                                    classname = '';
                                    img_src = pp_images[i];
                              }
                              toInject += "<li class='"+classname+"'><a href='#'><img src='" + img_src + "' width='50' alt='' /></a></li>";
                        };
                        
                        toInject = settings.gallery_markup.replace(/{gallery}/g,toInject);
                        
                        $pp_pic_holder.find('#pp_full_res').after(toInject);
                        
                        $pp_gallery = $('.pp_pic_holder .pp_gallery'), $pp_gallery_li = $pp_gallery.find('li'); // Set the gallery selectors
                        
                        $pp_gallery.find('.pp_arrow_next').click(function(){
                              $.prettyPhoto.changeGalleryPage('next');
                              $.prettyPhoto.stopSlideshow();
                              return false;
                        });
                        
                        $pp_gallery.find('.pp_arrow_previous').click(function(){
                              $.prettyPhoto.changeGalleryPage('previous');
                              $.prettyPhoto.stopSlideshow();
                              return false;
                        });
                        
                        $pp_pic_holder.find('.pp_content').hover(
                              function(){
                                    $pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeIn();
                              },
                              function(){
                                    $pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeOut();
                              });

                        itemWidth = 52+5; // 52 beign the thumb width, 5 being the right margin.
                        $pp_gallery_li.each(function(i){
                              $(this)
                                    .find('a')
                                    .click(function(){
                                          $.prettyPhoto.changePage(i);
                                          $.prettyPhoto.stopSlideshow();
                                          return false;
                                    });
                        });
                  };
                  
                  
                  // Inject the play/pause if it's a slideshow
                  if(settings.slideshow){
                        $pp_pic_holder.find('.pp_nav').prepend('<a href="#" class="pp_play">Play</a>')
                        $pp_pic_holder.find('.pp_nav .pp_play').click(function(){
                              $.prettyPhoto.startSlideshow();
                              return false;
                        });
                  }
                  
                  $pp_pic_holder.attr('class','pp_pic_holder ' + settings.theme); // Set the proper theme
                  
                  $pp_overlay
                        .css({
                              'opacity':0,
                              'height':$(document).height(),
                              'width':$(window).width()
                              })
                        .bind('click',function(){
                              if(!settings.modal) $.prettyPhoto.close();
                        });

                  $('a.pp_close').bind('click',function(){ $.prettyPhoto.close(); return false; });


                  if(settings.allow_expand) {
                        $('a.pp_expand').bind('click',function(e){
                              // Expand the image
                              if($(this).hasClass('pp_expand')){
                                    $(this).removeClass('pp_expand').addClass('pp_contract');
                                    doresize = false;
                              }else{
                                    $(this).removeClass('pp_contract').addClass('pp_expand');
                                    doresize = true;
                              };
                        
                              _hideContent(function(){ $.prettyPhoto.open(); });
                  
                              return false;
                        });
                  }
            
                  $pp_pic_holder.find('.pp_previous, .pp_nav .pp_arrow_previous').bind('click',function(){
                        $.prettyPhoto.changePage('previous');
                        $.prettyPhoto.stopSlideshow();
                        return false;
                  });
            
                  $pp_pic_holder.find('.pp_next, .pp_nav .pp_arrow_next').bind('click',function(){
                        $.prettyPhoto.changePage('next');
                        $.prettyPhoto.stopSlideshow();
                        return false;
                  });
                  
                  _center_overlay(); // Center it
            };

            if(!pp_alreadyInitialized && getHashtag()){
                  pp_alreadyInitialized = true;
                  
                  // Grab the rel index to trigger the click on the correct element
                  hashIndex = getHashtag();
                  hashRel = hashIndex;
                  hashIndex = hashIndex.substring(hashIndex.indexOf('/')+1,hashIndex.length-1);
                  hashRel = hashRel.substring(0,hashRel.indexOf('/'));

                  // Little timeout to make sure all the prettyPhoto initialize scripts has been run.
                  // Useful in the event the page contain several init scripts.
                  setTimeout(function(){ $("a["+pp_settings.hook+"^='"+hashRel+"']:eq("+hashIndex+")").trigger('click'); },50);
            }
            
            return this.unbind('click.prettyphoto').bind('click.prettyphoto',$.prettyPhoto.initialize); // Return the jQuery object for chaining. The unbind method is used to avoid click conflict when the plugin is called more than once
      };
      
      function getHashtag(){
            var url = location.href;
            hashtag = (url.indexOf('#prettyPhoto') !== -1) ? decodeURI(url.substring(url.indexOf('#prettyPhoto')+1,url.length)) : false;
            if(hashtag){  hashtag = hashtag.replace(/<|>/g,''); }
            return hashtag;
      };
      
      function setHashtag(){
            if(typeof theRel == 'undefined') return; // theRel is set on normal calls, it's impossible to deeplink using the API
            location.hash = theRel + '/'+rel_index+'/';
      };
      
      function clearHashtag(){
            if ( location.href.indexOf('#prettyPhoto') !== -1 ) location.hash = "prettyPhoto";
      }
      
      function getParam(name,url){
        name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
        var regexS = "[\\?&]"+name+"=([^&#]*)";
        var regex = new RegExp( regexS );
        var results = regex.exec( url );
        return ( results == null ) ? "" : results[1];
      }
      
})(jQuery);

var pp_alreadyInitialized = false; // Used for the deep linking to make sure not to call the same function several times.
TABs mag JSLINT auch nicht. Aber trotzdem wirft auch JSLINT einen Fehler :
Code:
Unclosed string.
                  markup: '<div class="pp_pic_holder"> \

Dementsprechend mag JSFiddle die Datei auch nicht.
__________________
--
Viele Grüße
Christoph

Geändert von Krischu (27.05.2016 um 13:21 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 27.05.2016, 13:30
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Extern funktioniert die Datei, aber irgendwas mag der Parser nicht (du brauchst kein externes Werkzeug um den Fehler zu sehen, auch die Browserkonsole zeigt ihn an). Ich fnde aber auch nicht die problematische Stelle. Vielleicht wäre es einfacher selbst eine Seite zu bauen und bei einem (kostenloasen) Hoster hochzuladen?
Mit Zitat antworten
  #5 (permalink)  
Alt 27.05.2016, 13:42
Benutzerbild von Krischu
"Validier erst mal"-Sager
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 09.08.2006
Beiträge: 323
Krischu befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
Extern funktioniert die Datei, aber irgendwas mag der Parser nicht (du brauchst kein externes Werkzeug um den Fehler zu sehen, auch die Browserkonsole zeigt ihn an). Ich fnde aber auch nicht die problematische Stelle. Vielleicht wäre es einfacher selbst eine Seite zu bauen und bei einem (kostenloasen) Hoster hochzuladen?
Ich hatte gerade versucht, bei einem kostenlosen Hoster zu registrieren, mußte aber feststellen, daß man da nur so fertige Baukästen nutzen kann und scheinbar keine Möglichkeit hat, eigene Strukturen ins Filesystem einzubauen.

Wenn ich mein heruntergebrochenes Beispiel lokal teste und den Aufruf von jQuery.prettyPhoto.js auskommentiere, so funktioniert das mobilemenu genau dann nicht mehr.

Deshalb scheitert auch mein JSFiddle im Moment, weil ich genau diese Datei nicht ins JS-Fenster geladen kriege.

Muß wahrscheinlich den parsing Fehler finden. Aber vielleicht ist es gar kein Fehler nur der Parser/JSLint kommen nicht damit klar.


Die Webconsole von Firefox zeigt übrigens keinen JS-Fehler an. (Habe im JS dropdown - oranger Punkt - Fehler und Warnungen angehakt).
__________________
--
Viele Grüße
Christoph
Mit Zitat antworten
  #6 (permalink)  
Alt 27.05.2016, 14:00
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Krischu Beitrag anzeigen
Ich hatte gerade versucht, bei einem kostenlosen Hoster zu registrieren, mußte aber feststellen, daß man da nur so fertige Baukästen nutzen kann und scheinbar keine Möglichkeit hat, eigene Strukturen ins Filesystem einzubauen.
Stöbern - FreeHosting List

Ich kenne nur bplaced (bplaced - Webspace & Webhosting // 2GB Freehost :: The place for your webspace) und da kannst du sogar PHP und mySQL nutzen.

Zitat:
Zitat von Krischu Beitrag anzeigen
[
Die Webconsole von Firefox zeigt übrigens keinen JS-Fehler an. (Habe im JS dropdown - oranger Punkt - Fehler und Warnungen angehakt).
Dann machst du evtl. etwas anderes falsch. Mir zeigt Firefox (eine etwas ältere ESR Version) den Fehler an.
Mit Zitat antworten
  #7 (permalink)  
Alt 27.05.2016, 17:02
Benutzerbild von Krischu
"Validier erst mal"-Sager
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 09.08.2006
Beiträge: 323
Krischu befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
Stöbern - FreeHosting List

Ich kenne nur bplaced (bplaced - Webspace & Webhosting // 2GB Freehost :: The place for your webspace) und da kannst du sogar PHP und mySQL nutzen.

Dann machst du evtl. etwas anderes falsch. Mir zeigt Firefox (eine etwas ältere ESR Version) den Fehler an.

Danke. bplaced hat gut geklappt. Andere waren geschlossen oder nicht mehr aktiv. Habe jetzt das Beispiel dort eingerichtet. Siehe anderen Thread.
__________________
--
Viele Grüße
Christoph
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Frage : Tempöräre Datei tichy Serveradministration und serverseitige Scripte 3 16.06.2009 13:52
html Befehle in einer txt Datei? Magellan (X)HTML 19 05.06.2008 19:39
Lightbox mit zweiter CSS Datei funktioniert nicht T4ke CSS 12 11.12.2007 20:20
[php/http] datei an client senden Xenon Serveradministration und serverseitige Scripte 13 21.03.2005 21:54


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:49 Uhr.