For Web Developers: Difference between revisions

From SWCP Support Wiki
Jump to navigationJump to search
No edit summary
 
(18 intermediate revisions by 6 users not shown)
Line 7: Line 7:


==Sections==
==Sections==
How web browsing works. ( whose rendering what, when? )
[[Useful Website building Tools]]


[[Quick Recipes]] ( Short snippets of code for specific tasks )
[[Quick Recipes]] ( Short snippets of code for specific tasks )


Website Design Tools
[[Website Problems]] Things that behave badly.
 
[[SWCP CGI Scripts]] Scripts available for adding counters, simple forms, etc.
 
[[Server Side Includes]]
 
[[Web Hits Reports]]
 
[[How to use the SSL Site Verification Seal]]
 
[[Website Design Tools]]


Content Management Tools
Content Management Tools


[[WebApps]] - Tips and tricks for the web applications that SWCP supports (MediaWiki, WordPress, etc.)


===Creating password protected web pages===
[[Publish a Site Made With iWeb]]
We have an online tool for building simple password protected areas that is available from the [https://members.swcp.com Members Only Area]. If you're curious what is needed to [[set up password protected web pages]], follow the link.


===Video with QuickTime===
[[KB FF Firebug|Firebug]] A great tool for debugging CSS issues.
This is quick recipe for adding a popup window that include a Quicktime movie that starts playing immediately.


====First the POP Up Window====
How web browsing works. ( who's rendering what, when? )
In the HEAD section of your HTML document, add the following Javascript to open a 240x240 sized window.


<script language="JavaScript">
[[Migration to Web Farm 2]] from SWCP Web Farm 1
function popupTitleURL(url, title) {
  myw = window.open("", 'crmPopup',
  'width=240,height=240,location=no,menubar=no,toolbar=no,scrollbars=yes');
  myw.document.write("<HTML><HEAD><TITLE>");
  myw.document.write(title);
  myw.document.write("</TITLE></HEAD><BODY>");
  myw.document.write("<embed src='");
  myw.document.write(url);
  myw.document.write("' autoplay='true'");
  myw.document.write(" KIOSKMODE='True'");
  myw.document.write("' width=200 height=200>");
  myw.document.write("</embed>");;
  myw.document.write("</BODY></HTML>");
  myw.moveTo(10,10);
}


====Add the movie====
[[Migration to Web Farm 2 from NMIA Web Server]]
In the body of the HTML document add a Javascript call to that function with a URL that points to your
Quicktime file.


  <script language=JavaScript>
[[Install Cloudflare Turnstile CAPTCHA on WordPress]]
  <!--
  document.write('<a href="javascript:popupTitleURL(\'080330.mp4\',\'GHC\')">Play Movie via JS 2</a>');
  //-->
  </script>

Latest revision as of 17:53, 24 October 2024

As part of SWCP's interest in Open Source software and easy to use web based applications we're working on making several open source packages easily available, see Webapps for more information about this. Many common questions are answered in the Web Apps section of our Knowledge Base.

This section of the Wiki will contain more detailed information about web applications, CSS, Web brower issues, HTML editors, and other web development issues. This is still under development, so bear with us. If you have a topic you'd like us to cover, send email to help@swcp.com and we'll try to find you some answers.

Sections

Useful Website building Tools

Quick Recipes ( Short snippets of code for specific tasks )

Website Problems Things that behave badly.

SWCP CGI Scripts Scripts available for adding counters, simple forms, etc.

Server Side Includes

Web Hits Reports

How to use the SSL Site Verification Seal

Website Design Tools

Content Management Tools

WebApps - Tips and tricks for the web applications that SWCP supports (MediaWiki, WordPress, etc.)

Publish a Site Made With iWeb

Firebug A great tool for debugging CSS issues.

How web browsing works. ( who's rendering what, when? )

Migration to Web Farm 2 from SWCP Web Farm 1

Migration to Web Farm 2 from NMIA Web Server

Install Cloudflare Turnstile CAPTCHA on WordPress