49 comments found.
I run a wordpress web design company and I want to create a multiple sub-domain based wordpress demo websites for different niches. I am looking for a site switcher to be incorporated into my wordpress sites which will help the visitors to switch between all the different demo sites (all of these will be on different sub-domains under the same domain)
Do you have a wordpress plugin for this JQuery Site Switcher? If not, can I use your JQuery product in my wordpress sites and achieve what I wish to achieve as mentioned above?
Please advise.
Thanks
Raj
Sorry, but I never got around to making a wordpress plugin out of it. If you’re up for extending the plugin yourself to suit your needs, and have the appropriate license, by all means you can use it to achieve what you described. Let me know if you have further questions and good luck 
!
This is one of the best plugins I’ve ever bought on Code Canyon and the support is amazing. 5 Stars!!!
Hi,
I’m not sure to understand if your solution can help me with my needs :
I want to build a website that will display many logos, brand logos. For example cars logo : Ford, Bmw, Alfa Romeo… My goal is that visitors clicking on those links visit the brand’s websites, but they should come back to the website…A frame could give access to all the brands websistes but some websites use a trick so you can’t display them with an iframe. Your solution can help me to do what i want ?
Sorry if my english is not perfect!
Another question: i saw that one year ago your gave an answer to a user that there is no wordpress plugin. It would be difficult to use it with wordpress?
Thanks
Recently there have been new properties and security measures added to the iframe spec, so if a website wanted to prevent itself from loading within another website’s (i)frame it can choose not to be loaded based on the “same origin policy”. Additionally, a website can detect via javascript if it were being loaded in a frame/iframe and accordingly break out of it by for example redirecting the user. While the plugin would do what you want, you can’t control a third party website (one that you don’t own).
As an alternative, you could use curl in PHP to load an entire website in a variable and output it as needed, but this requires additional work to make sure all scripts, css, and images are linked and loaded properly.
As for your other question; this can be made into a wordpress plugin.
Hi! thanks for your answer !!! I’ll see what i can do! bye
Fantastic unique script, but I have one question. Currently if you click the image of the page your on it will take you to that page without the iFrame. Is there anyway to make it so instead of taking you to the full page without the iFrame, it will simply open the dropdown?
To be able to force the page to load within the iframe in all cases, you need to have access to the code of that page. Due to security reasons browsers limit what you can do with iframes if you’re loading pages from different domain names. If I knew what exactly you were trying to achieve, I’d be able to guide you better.
Sorry I might not have been specific enough I was referring to the images in the Switcher, not on the actually iframed website. For example in the demo if you are on the homepage and you click the AudioJungle link the drop down it will take you to the AudioJungle iFrame page. But then once on the AudioJungle iFrame page if you click the AudioJungle logo that is located on the dropdown it will take you to AudioJungle.net. What I wan’t it too do is for it to open the dropdown instead of taking you to AudioJungle.net.
Yes it’s possible. Simple replace this line:
jQuery('#switcher .toggleControl').assign('click', ['shift+s'], function() {
With:
jQuery('#switcher .toggleControl, #switcher .selected').assign('click', ['shift+s'], function() {
And after this code block ends (i.e. after “});“), add this line of code:
jQuery('#switcher .selected').click(function(e) {
e.preventDefault();
});
If you have difficulty following this or understanding, email me and I’ll send you an example.
Thank You so much . Worked Perfectly
No problem. Please rate the script/support if you find it useful ! Thanks!
X-Frame-Options must not be SAMEORIGIN for this to work Cross Domain, no? Please let me know the unminified/uncompressed size of the javascript file, thank you.
Correct, I haven’t updated this script in a while.
The site switcher is a collection of a few scripts, altogether uncompressed the size is about 25.64 kb; you can of course take away the assign script (that lets you add keyboard shortcuts) or the switcher script (that lets you create a dropdown) and shed 21.1 kb.
That would be quite a chunk to prune, Daniyal, thank you. In which case the core alone should be around 2~3kb compressed. I think I’ll go ahead and buy this.
Sorry, my bad, it came out wrong, switcher script is the core, the optional ones are 9.34 kb in total (which includes assign and dashboard scripts). Been a while since I worked on this, sorry. So you’re looking at 6.10 kb compressed for the core.
Thank you again for your promptitude. Your scripts are timeless, and I have bought and used several! Let me mull over the size of this one and decide. Meanwhile, all the best.
Thanks!
is there a way you can stop it from refreshing the page after you have switched websites. e.g you are on website one and then switch to website two, you then go back to website one and it has to load the site again. thanks
It uses iframe to load website urls, so every time you go back and forth it’s actually loading the website url. You could implement a caching mechanism on the websites you’re loading (if you have ownership of them) to speed things up.
i wish use such functionality with wordpress. would that be possible for you? best wishes, markus
It would require making an entire plug-in for wordpress which I haven’t begun work on yet. The other option would be to hard code it into wordpress and use it wherever need be.
Does this use named iframes to switch between sites or something else to show the web pages?
yes it uses an iframe to load the pages.
It works well but the select drop down doesn’t scrolls.
How to Fix this?
Thanks
Hi, at the moment, the site switcher doesn’t support scrolling sorry. And for future references, kindly email me via the contact form on my profile page .
Hi there, this site switcher function looks fantastic. I’m having issues getting it installed on the Ning platform however. They have a header custom code section, an end of page custom code section and the ability to add iframes content. Can I get some direction on where to put each piece? I also can upload files onto the server easily and get a custom link for custom css. Thanks in advance!
replied to your email.
Hi, I want to display a site switcher on a TV display of three active sites, so is there’s a autoplay feature?
Thanks,
Rs
No there’s no autoplay feature but you can use the JavaScript setTimeout or setInterval feature to cycle between different sites after any given number of seconds.
really like ur script, but as a none coder or none coding experience with close to zero experience on javascript, with little knowledge on creating html page (base on google), edit skill is ok (i think almost everyone can) what i want is a simple tool like this : http://themes.themepunch.com/?theme=revolution_wp (top iframe).
1. Is full document to make it run ? 2. Create a html file, paste the code, call html files and it run ? 3. Edit/Add url to make dropdown ?
I done simple html iframe (page by page) but it way to messy and very difficult to maintain (remove or add dropdown, means i have to edit every page) .......
thanks sorry for my noob question
Full documentation is included in the package but you will need little knowledge of HTML/CSS & JavaScript to customize it. You can achieve what you showed me, but it may be difficult to add multiple dropdown menus in this version. In the next version, I’ll add support for that too. Hope that answers your questions !
single drop down is ok ? know little of HTML/CSS but javascript ….. is that help files include where to edit on java script ? u means with ur help i able to achieve what i show you but only single drop down right ? (that is good for me now), if yes i will purchase when i wake up … thanks for great support …
yes, it should help you make that. in case you have trouble, email me via my profile page and i’ll help you out given that you go through the documentation first.
thanks … just bought it and use ur example.html to do my mod job …. Serious i don’t understand 80% on help files but with ur example files, i think i can figure out most of it
is there any solution for not showing real url possible to hide it ?? #load=http://themeforest.net/user/daniyal/portfolio
thanks
btw i have one super noob question : how to disable switcher click ? i want drop down, but prefer no click, so user won’t be redirect to the site. thanks
The URL will show, that’s how the history is tracked. Right now, since browsers don’t give a proper history API, it’s hard to do so, in the future and modern browsers, this is being implemented so it will be properly supported in a few years. But that method too requires to somehow add something to the URL to keep track of changes to it.
And as for the click, that can be changed to mouseenter or mouseover by assigning the desired event. It may be a bit difficult to get the mouseout or mouseleave event on the elements because of the switcher element works.
email me via my profile page if you have further questions and i’ll try to work with you there.
perfect support …. one of the greatest support i ever meet in envanto ….. 5 star is minimum
Thank you !
I really like that switcher. But i have a little bit problems with put it in with iframe. Its change my used url in browser what not really works for me.
Example: I put the iframe in my theme (drupal) and load the frontpage. The switcher comes, but it changes the url in my browser to http://www.example.com/switcher/switcher.html#load=http://www.example.com/mainpage/
Why that happens?
Because using hash in the url makes an entry in to the browser history. This is essential so that we can revert back to the pages that were open previously. Since modern browsers are still implementing this feature, this is the best workaround available right now.
This is one of the best scripts I’ve seen, but I wish there was an easier solution for WordPress and am struggling integrating it into my current theme: www.livechatmediabridge.com
thank you for the feedback.
as for integrating it into wordpress, though it’s not supported, still i can have a look and suggest how you can go about implementing it according to your needs. email me via the contact form on my profile page.
Hello designcise,
When I link out to another 3rd party website from the body of my website (not from the switcher), is it possible to keep the iframe switcher in place? Would I have to add anything special to outbound links to make it work?
LMK at your earliest, thanks!
Try:
<a href=”page.htm” target=”_self”>
Or the JavaScript way:
$(’#linkID’).on(‘click’, function(e) { e.preventDefault();
self.location.href = $(this).attr(‘href’); });
You should note though, if the external site has a script running that breaks out of the frame, there’s not much you can do about that. Let me know if this does the job for you.
Oh and by the way, I don’t see the “purchased” ribbon around your name. You should note that support is only for purchased items !
Thanks!
You will see a “purchased” ribbon around my name shortly. =)
Cheers!
Great ! Did it do the job for you by the way?
designcise,
target=”_self” works, but for my application it would be too much to change all outbound links. The other method (javascript way) would do this automatically when a link was clicked on correct? If so, where exactly would I put the following code?
$(’#linkID’).on(‘click’, function(e) { e.preventDefault();
self.location.href = $(this).attr(‘href’); });
yes for all the links you can change the selector like this:
jQuery(‘a’).on(‘click’, function(e) { e.preventDefault(); self.location.href = $(this).attr(‘href’); });
and kindly rate the script if you find it useful ! thanks
Where should I put the code?
jQuery(‘a’).on(‘click’, function(e) { e.preventDefault(); self.location.href = $(this).attr(‘href’); });
Can you please explain exactly “where” to put that code? Maybe provide an example?
In the head section of the web page; you must also wrap it inside:
jQuery(document).ready(function() {
// put the code in here…
});
Which is pretty standard, so I assumed you would know. Let me know if it does the job for you.
If there’s any further help you require, I suggest you email me via my profile page so it’s easier to send/receive files and much faster that way !
Designcise,
Thanks for all your help! You went way out of your way to help me, and I really appreciate it! – THANK YOU.
Thank you for the review !
Is this like a single sign on system? meaning i have multiple parts of my website setup, but each site area is modularized, some from parts purchased here, can this software be the glue to all my modules?
if you tell me what modules you want integrated with the site switcher, i may be able to answer better ..
but generally speaking the components in the site switcher are modular too so you might not have any problem replacing them or incorporating more of your own modules .. though it may require some customization and knowledge of html/css/js on your part
How do I setup and change the website list?
Open the example file included in the package in your favorite HTML editor and easily change the dropdown options. For instructions on how to do so, or more information, refer to the documentation or contact me via my profile page. But please make sure you’ve gone through the documentation before you contact me, thanks !
Does this thing have an admin area which would allow easy changes to the list of websites to be switched between?
This is javascript-only script, therefore, does not have an admin area. It comes with detailed documentation which explains how to setup the entire thing and customize it. If you still have any problems, you’re always welcome to email me via my profile page. Make sure though that you email me with detailed description of your problem along with all files (zipped) you’re working with.
I’m having an issue with the switcher bar automatically hiding and it being redirected when selecting the page through the dropdown. Is there a way to stop this or to force it to load in the iframe properly?
can you email me via my profile page with a detailed explanation of your problem (preferably also send me all the files you’re working with concerning the switcher as a zip file) and i’ll see how your problem can be resolved.
hi there!
Is it possible to add timer or something similar for auto switching? If it is, may you help me out?
yes it may be possible to do that but i’m traveling these days so might not be available till first week of june unfortunately. email me via the contact form on my profile page and zip everything up and send it over to me, i’ll try to look into it whenever i get time. i’ll try my best to do it sooner.
