MindTouch Community Portal
Logged in: Logged in as: Log in
Register
Search:
Page last modified 08:54, 16 Jun 2011 by SteveB
MindTouch Community Portal > App Catalog > Hover Popup Navigation
Page Notifications Off
1 of 1 found this page helpful

Hover Popup Navigation

    Author
    		 Dekiscript: Gijs-Jan Roelofs, Javascript Library: Walter Zorn
    Type Script
    Categories Navigation
    Requires MindTouch Core 1.8.3 or later
    Status Stable
    License Free/Open Source
    Manifest http://developer.mindtouch.com/@api/deki/files/4434/=popup.xml

     

    Install Script
    To add  this script to your site, enter the address of your MindTouch installation (ex: http://www.mindtouch.com) and click the Add Script button.  This will open your control panel and prepopulate the necessary values.  You will still need to manually add configuration settings if required.  Note that no changes are made to your site until you confirm the action in your control panel.
    Your site address:     


    Table of Contents

    1. 1. Functions
    2. 2. Script Source
    3. 3. Screenshot
    4. 4. Installation Notes
    5. 5. Samples

    See also How to add a script, Using the Extension Dialog, Learn about DekiScript, Extensions Directory.

    Functions

    Script Source

    
        
    

    Screenshot
    

    popupsample.png
    

    Installation Notes
    

       
    1. Download the library from this page: http://www.walterzorn.de/en/tooltip/tooltip_e.htm
      2.  
    2. Upload library to your server.
      3.  
    3. Download Popup.xml from this page and upload to your server.
      4.  
    4. Goto Configuration Page of your wiki, then Extension and then Add Script.
      5.  
    5. Under Name: "Popup" and under Manifest: the location to which you uploaded the XML file.
      6.  
    6. Then, press Add new Key, enter name: script-location and value: Exact location of wz_tooltip.js (File from uploaded library)
      7. 

    

    Samples
    

      
      
    To create a hover popup with given section of another page:
     
     
    {{ 
 var title = "Screenshot";
 var link = "Deki/Extensions/Hover_Popup_Navigation";
 var text = wiki.page(link,title);
 popup.show(title,link .. "#" .. title, text);
}}
     
         		 { { var title = "Screenshot"; var link = "Deki/Extensions/Hover_Popup_Navigation"; var text = wiki.page(link,title); popup.show(title,link .. "#" .. title,text); }} 
     
      
    To create a hover popup with given text and title:
     
     
    {{ 
 var title = "TITLE-YOU-WANT";
 var link = "TITLE-OF-LINK";
 var text = "TEXT-YOU-WANT";
 popup.show(title,link .. "#" .. title, text);
}}
     
         		   
    { {var title = "Screenshot";
     var link ="Deki/Extensions/Hover_Popup_Navigation";
     var text = wiki.page(link,title);
     popup.show(title,link .. "#" .. title,text);}}
         		 
         

    

     
    

     
    

     
    

     
    

    	 				
    
				
    
				
    
				
    
												
    
					
    
												
    Was this page helpful?
    
						
    


    
											
						
    Tag page 
    
						
    
			 				
    		 				
    
						
						
    What links here
    
						
    
					
    
				
    
				
								
				
    
					
    Files 1
    
					
    
						Attach file or image					
    
					
    
		 				
    FileVersionSizeModified 
    					
    
				
    
				
								
    
	 					 			
    
								
 				
    Viewing 7 of 7 comments: view all
    #1
    SteveB says:
    @methius thanks!  I removed the embedded <div> as it was messing up the script preview (dunno why).  I recommend you add a screenshot instead.
    Posted 16:26, 29 May 2009
    #2
    methius says:
    Done, and done!
    Posted 01:40, 30 May 2009
    #3
    SebastianStadil? says:
    Works in Firefox 3.5 and 3.6, but not Chrome or Safari (All on Mac 10.5.8). IE untested.
    Posted 23:17, 18 Aug 2009
    #4
    rumjs says:
    @methius, thanks for this but as I am a bit of a novice with Mindtouch, I am having some problems, mostly around the xml file.  First, how do I download the Popup.xml file from this page?  Do I just download the html file for the code and change the extension?  Second, what is the 'script location' that should be put into the key field? Lastly, is it possible to have this set to popup the description for an attached file when hovering over the link for it?  Would be a very useful feature.  Thanks for your help.
    Posted 22:20, 30 Sep 2009
    #5
    Holopanen says:
    Here is the correct link to download the library!
    
http://www.walterzorn.de/en/tooltip/tooltip_e.htm
    Posted 06:43, 13 May 2011
    #6
    Imaan says:
    Has anyone tested this in I.E yet?
    Posted 01:03, 26 Oct 2011
    #7
    oso says:
    Hello, Has anyone tried making this work in MindTouch TCS?
    Posted 06:31, 16 May 2012
    Viewing 7 of 7 comments: view all
    You must login to post a comment.
     						
												
    
									
    
			
    
			
    
					
    
					
    
				
    
		
    
		
    MindTouch Social Knowledge Base
    
	
    
	
    
			
    

    












		
    
	
    
	
	
        
                
    
            
            
    
                
                
            
    
            
    
                
    Copyright © 2011 MindTouch, Inc. Powered by