www.webdeveloper.com
Results 1 to 3 of 3

Thread: Help

  1. #1
    Join Date
    Jul 2014
    Posts
    2

    Help

    Hi guys,

    Thanks for read.

    I have this:

    http://exploradorinteractivo.com/compass/

    I'm using here propeller.js for spin the background. So far, so good. If you spin the black circle, onStop will open a new window. My situation here is that I need a different window for every option I have on the black circle. for now I have only two but will be more around the circle.

    Do you guys have some ideas how can I achieve this?

    Code:
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Compass</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
    	<link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
    </head>
    <body>
    	<div class="compass">
      		<div class="compass-inner">
            	<div class="compass-text" id="brujula-inversion">
                <div class="compass-text2" id="brujula2">
                	<div class="main-arrow">
          				<div class="arrow-up"></div>
          				<div class="arrow-down"></div>
        			</div>
                </div>
                </div>
        	<div class="north">N</div>
        	<div class="east">E</div>
        	<div class="west">O</div>
        	<div class="south">S</div>
      		</div>  
    	</div>
      	<script src="src/propeller.js"></script> 
    <script>
        new Propeller(document.getElementById('brujula-inversion'), {inertia: 0.01, onStop: function openCenteredWindow(url) {
        var width = 500;
        var height = 500;
        var left = parseInt((screen.availWidth/2) - (width/2));
        var top = parseInt((screen.availHeight/2) - (height/2));
        var windowFeatures = "width=" + width + ",height=" + height + ",status,resizable,left=" + left + ",top=" + top + "screenX=" + left + ",screenY=" + top;
        myWindow = window.open("http://google.com", "CaTRADE", windowFeatures);
    }});
    </script>
    </body>
    </html>

  2. #2
    Join Date
    Jun 2014
    Location
    Cairns - Australia
    Posts
    76
    Hey Jude..

    Why do I feel their's a song in there somewhere?.. .... You understand popup windows dont work any more.. all browsers block them!... I tried, in IE and Fox both just gave me the the big "are you sure you want to allow..." prompt.. of course not... and by default Chrome just doesnt allow them out right.. the wheel just goes around & around...

    So if its just for you cool.. but understand 80%-90% of the world cant... the work around is to maybe use lightbox or fancybox popups.. Although if you are using google that idea's out?

  3. #3
    Join Date
    Jul 2014
    Posts
    2
    Hi,

    Thanks for the reply. I just put a window.open just for testing purposes. I'll use lightbox when I can make the buttons work as desired. I can change for an "alert" but this is not my concern. It is about make each button have an action to fire the lightbox. Anyway, thanks for your suggestion.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles