2.0b3: webpage javascript does stops working
I've got a case where I go to a website and a drop down button does not work with Zotero enabeld. If I disable Zotero it works fine.
I tried grabbing the relevant code and have pasted it below.
<style type="text/css">
/*.bodystyles {
overflow:hidden; margin:0; padding:0; width:100%; height:100%;
}*/
#preloader {
background:#fff;
width:100%; height:100%;
position:absolute; top:0; left:0;
z-index:999;
/* can put any content in here you want. rely on css to style */
}
</style>
<style type="text/css">
@import "resources/css/dropdown.css";
@import "resources/js/dojo/resources/dojo.css";
@import "resources/js/dijit/themes/soria/soria.css";
@import "resources/js/dojox/grid/resources/Grid.css";
@import "resources/js/dojox/grid/resources/soriaGrid.css";
@import "resources/js/dojox/layout/resources/ExpandoPane.css";
/*
* Important: kubrick.css and then mailer.css must be loaded
* after the other CSS files to allow us to override the
* 3rd party styles!
*/
@import "resources/css/kubrick.css";
@import "resources/css/mailer.css";
@import "resources/css/mailer-tabContainer.css";
</style>
<!-- script src="resources/js/jquery.js" type="text/javascript"></script -->
<!-- script src="resources/js/jquery.dimensions.js" type="text/javascript"></script -->
<!-- script src="resources/js/jquery.cluetip.js" type="text/javascript"></script -->
<!-- script src="resources/js/docReady.js" type="text/javascript"></script -->
<script type="text/javascript" src="resources/js/dojo/dojo.js"
djConfig="parseOnLoad: false, usePlainJson: true"></script>
<script type="text/javascript">
dojo.require("mailer.ui");
dojo.require('dijit.form.FilteringSelect');
dojo.addOnLoad(function(){
dojo.parser.parse(); // create widgets underneath the overlay
});
</script>
</head>
<body class="soria kubrick bodystyles">
<div id="preloader" style="display:none">
<span>Loading Content...</span>
</div><script type="text/javascript">
/*
* We'll hide the preloader, then show it here using javascript. This
* assures that non-js browsers don't get the page obscured.
*/
dojo.style("preloader", "display", "inline");
pageLoadedDisplayStyle="instant"; // or "fade" if you want it to fade out
dojo.addOnLoad(function(){
if (pageLoadedDisplayStyle == "fade") {
dojo.fadeOut({
node:"preloader",
duration: 475,
delay:25, // give a timeout so parser() calms down
onEnd: function(){
dojo.removeClass(dojo.body(),"bodystyles");
dojo.style("preloader", "display", "none");
}
}).play();
} else {
dojo.removeClass(dojo.body(),"bodystyles");
dojo.style("preloader", "display", "none");
}
});
</script>
<div
id="doc"
dojoType="dijit.layout.BorderContainer"
design="headline"
liveSplitters="true"
persist="true">
<!-- header pane -->
<div
id="header"
dojoType="dojox.layout.ContentPane"
adjustPaths="true"
renderStyles="true"
executeScripts="true"
region="top">
<div id="actionMenu" dojoType="dijit.form.DropDownButton">
<span>Action</span>
<div dojoType="dijit.Menu">
</div>
</div>
I tried grabbing the relevant code and have pasted it below.
<style type="text/css">
/*.bodystyles {
overflow:hidden; margin:0; padding:0; width:100%; height:100%;
}*/
#preloader {
background:#fff;
width:100%; height:100%;
position:absolute; top:0; left:0;
z-index:999;
/* can put any content in here you want. rely on css to style */
}
</style>
<style type="text/css">
@import "resources/css/dropdown.css";
@import "resources/js/dojo/resources/dojo.css";
@import "resources/js/dijit/themes/soria/soria.css";
@import "resources/js/dojox/grid/resources/Grid.css";
@import "resources/js/dojox/grid/resources/soriaGrid.css";
@import "resources/js/dojox/layout/resources/ExpandoPane.css";
/*
* Important: kubrick.css and then mailer.css must be loaded
* after the other CSS files to allow us to override the
* 3rd party styles!
*/
@import "resources/css/kubrick.css";
@import "resources/css/mailer.css";
@import "resources/css/mailer-tabContainer.css";
</style>
<!-- script src="resources/js/jquery.js" type="text/javascript"></script -->
<!-- script src="resources/js/jquery.dimensions.js" type="text/javascript"></script -->
<!-- script src="resources/js/jquery.cluetip.js" type="text/javascript"></script -->
<!-- script src="resources/js/docReady.js" type="text/javascript"></script -->
<script type="text/javascript" src="resources/js/dojo/dojo.js"
djConfig="parseOnLoad: false, usePlainJson: true"></script>
<script type="text/javascript">
dojo.require("mailer.ui");
dojo.require('dijit.form.FilteringSelect');
dojo.addOnLoad(function(){
dojo.parser.parse(); // create widgets underneath the overlay
});
</script>
</head>
<body class="soria kubrick bodystyles">
<div id="preloader" style="display:none">
<span>Loading Content...</span>
</div><script type="text/javascript">
/*
* We'll hide the preloader, then show it here using javascript. This
* assures that non-js browsers don't get the page obscured.
*/
dojo.style("preloader", "display", "inline");
pageLoadedDisplayStyle="instant"; // or "fade" if you want it to fade out
dojo.addOnLoad(function(){
if (pageLoadedDisplayStyle == "fade") {
dojo.fadeOut({
node:"preloader",
duration: 475,
delay:25, // give a timeout so parser() calms down
onEnd: function(){
dojo.removeClass(dojo.body(),"bodystyles");
dojo.style("preloader", "display", "none");
}
}).play();
} else {
dojo.removeClass(dojo.body(),"bodystyles");
dojo.style("preloader", "display", "none");
}
});
</script>
<div
id="doc"
dojoType="dijit.layout.BorderContainer"
design="headline"
liveSplitters="true"
persist="true">
<!-- header pane -->
<div
id="header"
dojoType="dojox.layout.ContentPane"
adjustPaths="true"
renderStyles="true"
executeScripts="true"
region="top">
<div id="actionMenu" dojoType="dijit.form.DropDownButton">
<span>Action</span>
<div dojoType="dijit.Menu">
</div>
</div>
I can perhaps save the file as a zip and send it to you privately?