Support Forum - Tag: javascript

Support Forum - Tag: javascript - Recent Posts http://www.kriesi.at/support/tags/javascript Support Forum - Tag: javascript - Recent Posts en-US Sun, 19 May 2013 04:52:17 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Nick on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-110204 Fri, 10 May 2013 00:59:15 +0000 Nick 110204@http://www.kriesi.at/support/ Hi, With mod_speed, you can take off the plugin. You don't need to do anything else but but make sure its configurated but thats more on the server admin side of things since requires root access. I think it may also take care of the cdn if you wanna do cdn and don't want to rent a proper cloud based storage like at rackspace/google/amazon, then basically point the cnames at the main site url with a folder where wordpress is told in htaccess not to react to . and you add the ftp information into w3tc and that's it, you fool browsers into thinking you in the clouds. Thanks, Nick timstrifler on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-110092 Thu, 09 May 2013 15:12:56 +0000 timstrifler 110092@http://www.kriesi.at/support/ Hi Nick, Thanks for all your help! Everything looks great, and runs very fast. I'm going to move the dev site today to the live site, so we can experience this speed on the live site. What would you recommend to be done next? CDN, the 4 cname records, or the mod_speed module? Thanks, Tim Nick on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-109862 Wed, 08 May 2013 19:20:46 +0000 Nick 109862@http://www.kriesi.at/support/ Hi, Sorry there was no email with a human to respond to. Please look, I do not see any problems with buttons but you know the way its supposed to look. You should look at the site logged out, since I set it to avoid logged in users. I minimized css and jquery. Once you are completely done with development, you should add all jquery files (except main jquery file itself) in the same order as on your website into a second .js file in the footer, and only keep jquery main file in the header after all the css. (this includes plugins js). And you should do the same with plugin css, except add it at the end of style.css and then rip out the 2 huge css blocks from the source and place those at the very end of the style.css file after the css of the plugins (and then remove the enqueue code from the plugins for the css, js so at end you will have 1 css file, and 2 .js files) My overall impression is that you are running on a very fast box, because the backend was nearly as fast as nginx, which is great for apache). I run that gwrw on 1/2 a gig of memory and one processor with 36 sites (a reason i am not using Apache). However you should tell ask your host if they have the mod_speed module and force them to install it. Now that's optimization! ( <a href="https://developers.google.com/speed/pagespeed/mod" rel="nofollow">https://developers.google.com/speed/pagespeed/mod</a> ) Thanks, Nick timstrifler on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-109826 Wed, 08 May 2013 17:10:00 +0000 timstrifler 109826@http://www.kriesi.at/support/ Hi Nick, I just added you as user. You should have received the login by email. Please let me know if you didn't, and I'll resend it myself. I'm definitely interested in setting up the cname records but let's take care of the buttons first. That's a higher priority to me right now. But thanks for thinking ahead, and thanks for all your help. Nick on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-109817 Wed, 08 May 2013 16:50:14 +0000 Nick 109817@http://www.kriesi.at/support/ Hi, Please send me a temp admin login/pw for the test site to usjahm (at) gmail (dot) com. do you have a cdn by any chance? If not. can you go into your dns (wherever you registered your domain) and create 4 cname records cdn1.your-domain.com cdn2, cdn3, cdn4, and have them all point to your.domain.com ... so that if anyone types in cdn1.your-domain.com they will be instead taken to folder cdn at the root of your wordpress installation? Because I can quickly set you up so that all your files get broken up by subdomains , this way allowing browsers to go over the limit of 4 simultaneous connections. (you dont have to if you can't now, i can otherwise just take care of the buttons first). Thanks, Nick timstrifler on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-109795 Wed, 08 May 2013 14:55:11 +0000 timstrifler 109795@http://www.kriesi.at/support/ Hi Nick, My dev site is mecsoft.com/testing (main site is at mecsoft.com). w3 total cache is activated, and I've turned off the minimizer for css and javascript. The slider buttons are still being distorted. What should I do now? Nick on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-109705 Wed, 08 May 2013 10:35:54 +0000 Nick 109705@http://www.kriesi.at/support/ Hi, Well, if this is not a development but a live site, then you can setup a dev site on dev.your-domain.com and activate the w3 total cache plugin. Do not use the minimizer for javascript or css. When the slider buttons become distorted I will either provide the css code to fix them , or more likely see why that is happening and provide you with a solution. I can also scan the site and perhaps give you a few suggestions on ways to speed it up. Afterwards you can migrate it to the live site. Thanks, Nick timstrifler on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-109503 Tue, 07 May 2013 14:43:35 +0000 timstrifler 109503@http://www.kriesi.at/support/ It's just the homepage in the slider (mecsoft.com/testing). I'm a little confused, how would you like me to show you the page? Nick on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-109470 Tue, 07 May 2013 11:55:56 +0000 Nick 109470@http://www.kriesi.at/support/ Hi, Let's begin with the page you said was broken and then move from there. Thanks, Nick timstrifler on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-109292 Mon, 06 May 2013 16:22:37 +0000 timstrifler 109292@http://www.kriesi.at/support/ Okay good, I'm glad to hear it's nothing too complicated! What page would you like me to show you in order to fix it? Nick on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-109287 Mon, 06 May 2013 15:52:48 +0000 Nick 109287@http://www.kriesi.at/support/ Everything works fine, you can take a look. I emptied all server caches. So this is freshly cached again. Thanks, Nick Nick on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-109282 Mon, 06 May 2013 15:38:49 +0000 Nick 109282@http://www.kriesi.at/support/ Hi, Oh, lol. I normally see the entire site being unreadable and completely destroyed, so I was picturing you in that same boat. This is nothing, you can just add inline css targeting the browser to fix it right up without annoying Google Speed. When you login with a browser in the html tag there are browser classes depending on how you connect, so just add the firefox and go from there. If you can show me the actual page with code, we can fix it right up. Thanks, Nick timstrifler on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-109271 Mon, 06 May 2013 15:08:39 +0000 timstrifler 109271@http://www.kriesi.at/support/ You're right, there's definitely a lot about caching I don't understand yet. But the test site you set up doesn't have any descriptions or buttons in the slider, which is the only thing that get's messed up for me when caching. See this image (<a href="http://mecsoft.com/testing/caching_error.jpg" rel="nofollow">http://mecsoft.com/testing/caching_error.jpg</a> ) to understand what I'm referring to. The top screenshot is my test site (mecsoft.com/testing) with caching turned on loaded in Safari, and then the bottom screenshot is the same site loaded in Firefox. nothing else get's messed up, and this only happens when page caching is turned on. If I turn off minification, but leave page caching turned on, it still happens. That's why I haven't tried manually combining the css and javascript together as you suggested. I will update to Choices 1.8 today and see if anything changes. Let me know if you have any suggestions in the meantime. Also, could you maybe try putting descriptions and buttons in your image slider on the gwrw site and see if the formatting get's messed up like it does on my site? thanks for all your help, Tim Devin on "Javascript broken on POST EDIT page" http://www.kriesi.at/support/topic/javascript-broken-on-post-edit-page#post-109233 Mon, 06 May 2013 13:23:59 +0000 Devin 109233@http://www.kriesi.at/support/ Hi SamuelB, If you have ever had any of the caching plugins installed, you need to completely delete the folders from your plugins folder for them to not effect the site still. It could be something like that with another plugin that was previously installed or even a local browser add on that may, for some reason, only be effecting pages. Other than, I have no idea what could be causing such inconsistent issues Regards, Devin. Nick on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-109091 Sun, 05 May 2013 17:44:45 +0000 Nick 109091@http://www.kriesi.at/support/ Hi, Current version of Choices is 1.8 and you are using 1.6, please update on themeforest.net --------------------- After reading what you wrote, I think you don't understand or are confused about browser cache vs server cache, so its science fiction, and I can prove it very simply. Look at <a href="http://gwrw.com/" rel="nofollow">http://gwrw.com/</a> , I just slapped a Choices theme on it, a slider and some meaningless text with a photo of a shaved rabbit. I also gave it a hot pink design in wood. I put the css and javascript together as I suggested for you to do. Empty your browser cache as much as you would like in any browser. This is a chart of gwrw against your site. <a href="http://www.clipular.com/c?5808100=48ufs7lXyyE8am2OuIO20U4bHLI&f=.png" rel="nofollow">http://www.clipular.com/c?5808100=48ufs7lXyyE8am2OuIO20U4bHLI&f=.png</a> I didn't bother with minimizing images or concatenating the jquery. I put a 24 hour cache on images. Please feel free to look at it and see if anything is messed up. I am using w3 total cache with a cdn offload, and everything else turned on except the minimizer (which i did manually in 5 minutes as I described above). Run google rules on it. I get 93/100 .. and most of the problems are about things hosted on google, like their fonts, which I can simply import This website test said it is faster than 90% of tested websites, not too bad and I didn't even start to optimize <a href="http://www.clipular.com/c?5600099=y9bkUj3usTnnTI8Pn_C16drsLz4&f=.png" rel="nofollow">http://www.clipular.com/c?5600099=y9bkUj3usTnnTI8Pn_C16drsLz4&f=.png</a> <a href="http://www.webpagetest.org/result/130505_RJ_GRH/" rel="nofollow">http://www.webpagetest.org/result/130505_RJ_GRH/</a> <--- here .193 second to first byte and 1.7sec first load time... some image optimization and I get it down lower. After you load the page reload it, and then go to some other website and paste the url to gwrw.com back. you will see that the way it loads it has to be cached. In fact I am caching with the w3tc, apc, and with nginx micro cache, so that nothing hits the php5-fpm and instead the cached version is served directly by nginx. this is what i am using: <pre><code></code></pre> Believe me, I been optimizing sites for speed long before Wordpress was invented. For fun I see if I can optimize pages better then google speed module, and I can beat google consistently, <a href="http://www.webpagetest.org/result/111222_TD_1af0eaec938fa72076d7f82bb8976c54/" rel="nofollow">http://www.webpagetest.org/result/111222_TD_1af0eaec938fa72076d7f82bb8976c54/</a> (i am on the left, and google's attempt to optimize me only results in a worse time ... by 40%) I am such a geek that after my mom passed away I paid an old lady to adopt me just so I can live in her basement. :) Thanks, Nick SamuelB on "Javascript broken on POST EDIT page" http://www.kriesi.at/support/topic/javascript-broken-on-post-edit-page#post-109040 Sun, 05 May 2013 13:50:34 +0000 SamuelB 109040@http://www.kriesi.at/support/ Hello again Dude, Just to relay a minor update to this issue, I wanted to inform that I was able to successfully add the advanced-layout editor options to my blog posts section after following the instruction given by Nick in his short Vimeo video: "How to add Layout-Editor to custom post types, and posts", yet the issue where the option for the editor is visible, but still does not function on any level while editing my "Pages" is ongoing and very perplexing. Oddly enough, the advanced-editor also continues to function flawlessly with "Portfolio" section posts, which has me wondering if the reason for this happening is very minor, versus major. timstrifler on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-108797 Fri, 03 May 2013 21:32:16 +0000 timstrifler 108797@http://www.kriesi.at/support/ I still haven't tried this yet, but I was able to determine that minification isn't the problem, it's the page caching itself. When I empty the cache and reload the page it's fine. but when I reload the page in a different browser after I've already loaded it in another browser, that's when the trouble occurs. To make sure this makes sense, I'll give you an example. I emptied the page cache and then loaded the site in firefox and it looks fine. then I load the site in chrome, and the formatting is all jacked up. If I empty the cache and then reload the page in Chrome, everything will look fine. but if I load it in firefox again after that it won't look okay in firefox. So it's always the second browser the site is loaded in after the page cache has been emptied that has issues. I hope this makes sense. Caching speeds up our site immensely, so it's something that I can't just ignore. Is there anything you would recommend? I'm considering putting a different slider into the theme and seeing if that works. Any advice is welcomed! Thanks for the great support already! Nick on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-108118 Wed, 01 May 2013 06:03:56 +0000 Nick 108118@http://www.kriesi.at/support/ Hi, Sure please let us know how it went. Try the plugin first, and make sure that you add the css files in the same order as you see them when you view source. Perhaps that is the reason why w3tc was giving problems since the order of the css was not correct when you add them one at a time. Thanks, Nick timstrifler on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-108029 Tue, 30 Apr 2013 15:43:45 +0000 timstrifler 108029@http://www.kriesi.at/support/ Sounds great! I'll give these a try! Thanks for the options! Nick on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-107991 Tue, 30 Apr 2013 11:19:00 +0000 Nick 107991@http://www.kriesi.at/support/ Hi, You have a few choices. You can try this plugin which I know works fine minifying with the latest theme. Have you tried: <a href="http://wordpress.org/extend/plugins/bwp-minify/" rel="nofollow">http://wordpress.org/extend/plugins/bwp-minify/</a> But if you are serious about your minification , you can do it by hand , which is quite easy. 1) inside your theme, there are 5 css files you need to find, copy their insides, and paste them on the bottom of style.css located in the main folder. its important that you paste them in this order. style.css + /css/grid.css + /css/base.css + /css/layout.css + /css/shortcodes.css + /css/slideshow.css 2) You need to do a replace, ctrl+H in notepad, where you replace all instances of <code>url("../</code> with <code>url("</code> 3) open up header.php and remove the block of lines starting from 50-54. ( 5 lines in total). 4) Make sure to test it and see that everything looks the same on website (just to make sure you pasted everything in the correct order. 5) copy that huge style.css file (except for the original style.css which just has theme title block) and paste it into the text area on <a href="http://www.refresh-sf.com/yui/" rel="nofollow">http://www.refresh-sf.com/yui/</a> .You should have all settings as on this image <a href="http://www.clipular.com/c?5524006=nNJ9YbsLcOEQDF7CnyWty2AptyU&f=.png" rel="nofollow">http://www.clipular.com/c?5524006=nNJ9YbsLcOEQDF7CnyWty2AptyU&f=.png</a> ... Make sure you have a backup of the code in case there is a problem. Copy the minified code and -> 6) Add it back to styles.css after the original code in styles.css 7) if you have problems, what you can do also, is take the // from the front of line 98 in header.php (custom.css file) and add the big block of minified code inside it, and leave style.css as you originally found it.).' The most important thing about minification is to do it gently by only removing comments and extra white space and to not allow these butchers of minifiers to move things around. Thanks, Nick Ismael on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-107895 Tue, 30 Apr 2013 02:33:09 +0000 Ismael 107895@http://www.kriesi.at/support/ Hi, The file that handles the slider is js > avia.js. I'm not sure if you can exclude a certain file using any caching plugins though you can exclude pages. Let me tag the rest of the support team. Regards, Ismael timstrifler on "Using Caching Plugin with Choices" http://www.kriesi.at/support/topic/using-caching-plugin-with-choices#post-107803 Mon, 29 Apr 2013 15:44:38 +0000 timstrifler 107803@http://www.kriesi.at/support/ Hi there, I've come to learn that unfortunately Choices doesn't play well with Caching plugins. I've tried several plugins and I've had the same result. Basically what happens is the slider descriptions and buttons get displayed unevenly. The tricky part is that it displays differently from browser to browser. So in one browser it looks fine, or slightly uneven, and then another browser the description container will be half the size that it's supposed to be and the buttons will be smaller as well. I've come to learn that that this is due to the minification process that occurs in caching plugins. I've read that this can be prevented by excluding the files (javascript and/or css files) that handle the slider. The slider seems to be the only part of the website that has any trouble. So my questions is, what files handle the slider in choices? And should I exclude the javascript, css, or both? Also, if there's a better fix for this issue, I'm definitely open to anything! Thanks in advance! Dude on "Javascript broken on POST EDIT page" http://www.kriesi.at/support/topic/javascript-broken-on-post-edit-page#post-107347 Fri, 26 Apr 2013 05:32:24 +0000 Dude 107347@http://www.kriesi.at/support/ Hey! If you're still experiencing the issue please create me a wordpress admin account and send me the login data to: <a href="mailto:kriesi2000-dude@yahoo.com">kriesi2000-dude@yahoo.com</a> - we'll look into it. Best regards, Peter SamuelB on "Javascript broken on POST EDIT page" http://www.kriesi.at/support/topic/javascript-broken-on-post-edit-page#post-107126 Thu, 25 Apr 2013 00:31:33 +0000 SamuelB 107126@http://www.kriesi.at/support/ I don't believe this is generally an issue for most who have purchased, but I feel for completeness that it's also important to add that I have also encountered this error myself, with no local results so far in remedying it since my installation of the theme last weekend. For myself, I believe it began roughly 2-hours into my becoming accustomed to the new theme options with the advanced-editor, as all was working fine, and I can only assume then stalled after simply updating one of my pages, but I didn't actually notice the non-functioning javascript until a bit later on, when attempting another page edit, as the popup window for the "advanced-editor" no longer appeared when clicking the button to enter that editing-mode, although the button itself does visually switch from "advanced", to "default" when selected. I can verify that this state remains as well even with the removal/deactivation of all 3rd-party plugins I have installed, the deactivation of all page-widgets I routinely have in use, as well as browser, and wordpress cache-cleaning. (*To note, the issue remains regardless of using FF/IE/CHROME, and a fresh reinstall of the latest, updated version) Also in regard to assisting with any troubleshooting, and just as fm005 states in his post, all other elements of javascript (both theme-integrated, and wordpress-centric) work flawlessly, and without incident as always. Again, this appears to be a very small use-case in regard to the other issues, if any at all, that users are experiencing at this time, but thank you to anyone who may have a possible solution for us to explore here. Dude on "Javascript broken on POST EDIT page" http://www.kriesi.at/support/topic/javascript-broken-on-post-edit-page#post-106558 Mon, 22 Apr 2013 07:05:40 +0000 Dude 106558@http://www.kriesi.at/support/ Hi! I can't reproduce this issue on my test server - maybe a third party plugin triggers the js error? Try to deactivate all plugins. Regards, Peter fm005 on "Javascript broken on POST EDIT page" http://www.kriesi.at/support/topic/javascript-broken-on-post-edit-page#post-106534 Mon, 22 Apr 2013 02:26:41 +0000 fm005 106534@http://www.kriesi.at/support/ The javascript seems to be fine on every admin page, except on the post edit page. If you try to edit a post, all of the javascript seems to be broken, none of the link items that use javascript work. When looking at the resources, there is an error with jquery.min.js "Uncaught error: cannot call methods on sortable prior to initialization; attempted to call method 'toArray'" Thoughts? Nick on "Delay when displaying menu titles" http://www.kriesi.at/support/topic/delay-when-displaying-menu-titles#post-104973 Tue, 09 Apr 2013 17:44:22 +0000 Nick 104973@http://www.kriesi.at/support/ Heh. I solved your issue after running a javascript & css profile through chrome dev tools. Well at least I know now why it happens. Here I explain the issue <a href="https://docs.google.com/file/d/0B8hqGBMSfHtKU0xwd2FXYlZudlE/edit?usp=sharing" rel="nofollow">https://docs.google.com/file/d/0B8hqGBMSfHtKU0xwd2FXYlZudlE/edit?usp=sharing</a> Here is the CSS i reflect upon (you can add it to get the effect I show in the video. <pre><code>#ProductWrapper { width: 1000px; height: 485px; left: 200px; overflow: visible; }</code></pre> Thanks, What's interesting is that the second slide show is now on the bottom somewhere. Nick Nick on "Delay when displaying menu titles" http://www.kriesi.at/support/topic/delay-when-displaying-menu-titles#post-104965 Tue, 09 Apr 2013 16:10:55 +0000 Nick 104965@http://www.kriesi.at/support/ Hi, Actually I do. Try this. I did, and it stopped the flickering of the layer below. <pre><code>#top #nav_overlay { background-color: white !important; /*you have 0.8 opacity */ }</code></pre> Right now you have this 0.8 opacity on the html below forced by jquery somewhere so need ! important or it won't override it <pre><code><section id="nav_overlay" style="background-color: rgba(255, 255, 255, 0.8); display: none; background-position: initial initial; background-repeat: initial initial;"></section></code></pre> The vertical strike-through line that separates the right and left bottle slider in the menu stil flickers for a second, but the background remains solid. Thanks, Nick Blackthorns on "Delay when displaying menu titles" http://www.kriesi.at/support/topic/delay-when-displaying-menu-titles#post-104910 Tue, 09 Apr 2013 10:25:28 +0000 Blackthorns 104910@http://www.kriesi.at/support/ Hi, I've tried your css but it doesn't change anything for me... Thus, it's not beautiful to see a small button with an huge height like that ! You don't have any other solution ? Thx Nick on "Delay when displaying menu titles" http://www.kriesi.at/support/topic/delay-when-displaying-menu-titles#post-104644 Sun, 07 Apr 2013 01:09:56 +0000 Nick 104644@http://www.kriesi.at/support/ Hi, Right now both errors are gone. Good job! Though I see you don't want to use my css , so the problem with the flickering remains. Thanks, Nick