pastebin - collaborative debugging

pastebin is a collaborative debugging tool allowing you to share and modify code snippets while chatting on IRC, IM or a message board.

This site is developed to XHTML and CSS2 W3C standards. If you see this paragraph, your browser does not support those standards and you need to upgrade. Visit WaSP for a variety of options.

barry private pastebin - collaborative debugging tool What's a private pastebin?


Posted by Anonymous on Sun 6 Apr 23:34
report abuse | View followups from Anonymous | download | new post

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" style="margin:0px">
  4. <head>
  5. <title>Geograph</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7. <link rel="stylesheet" type="text/css" title="Monitor" href="/templates/basic/css/basic.css" media="screen" />
  8. <link rel="stylesheet" type="text/css" title="Monitor" href="/templates/basic/css/mapper.css" media="screen" />
  9. <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
  10. <script type="text/javascript" src="/geograph.js"></script>
  11. </head>
  12.  
  13. <body bgcolor="#ffffff" style="background-color:white;margin:0px"> <style type="text/css">
  14. #theForm {
  15.         background-color:#f0f0f0;padding:5px;margin-top:0px; border:1px solid #d0d0d0;
  16. }
  17. .scrollbox {
  18.         overflow:auto;
  19.         height:200px;
  20.         width:100%;
  21.         border: 1px solid red;
  22. }
  23. .photobox {
  24.         float:left;
  25.         height:180px;
  26.         width:180px;
  27.         border:1px solid green;
  28.         margin:5px;
  29.         margin-right:0px;
  30.         text-align:center;
  31.         background-color:lightgrey;
  32. }
  33. .photobox_selected {
  34.         float:left;
  35.         height:180px;
  36.         width:180px;
  37.         border:1px solid green;
  38.         margin:5px;
  39.         margin-right:0px;
  40.         text-align:center;
  41.         background-color:yellow;
  42. }
  43. .photobox input,.photobox_selected input,.photobox textarea,.photobox_selected textarea {
  44.         font-size:0.5em;
  45.         border:0px;
  46.         background-color:white;
  47.         padding:0px;
  48.         margin:0px;
  49.         overflow: none;
  50.         scrollbars: none;
  51. }
  52. .photobox .nowrap,.photobox_selected .nowrap {
  53.         font-size:0.4em;
  54. }
  55. .termsbox {
  56.         position:relative;
  57.         overflow:auto;
  58.         height:400px;
  59.         width:100%;
  60. }
  61.  
  62. </style>
  63. <script type="text/javascript">
  64. function selectPhoto(name) {
  65.         var ele = document.forms['theForm'].elements['selected'];
  66.         if (ele.value != '') {
  67.                 document.getElementById("photo:"+ele.value).className="photobox";
  68.         }
  69.         ele.value = name;
  70.         document.getElementById("photo:"+name).className="photobox_selected";
  71.         document.getElementById('subIframe').src = "about:blank";
  72.         tabClick('tab','',-1,4);
  73. }
  74.  
  75.   function startUp() {
  76.         selectPhoto(document.forms['theForm'].elements['selected'].value);
  77.   }
  78.   AttachEvent(window,'load',startUp,false);
  79.  
  80. function submitTabClick(tabname,divname,num,count) {
  81.         var theForm = document.forms['theForm'];
  82.         var name = document.forms['theForm'].elements['selected'].value;
  83.         if (num == 2) {
  84.                 document.getElementById('subIframe').src = '/submitmap.php?inner&picasa';
  85.         } else {
  86.                 url = '/puploader.php?inner';
  87.                
  88.                 if (theForm.elements['grid_reference['+name+']'] && theForm.elements['grid_reference['+name+']'].value != '') {
  89.                         url = url + "&grid_reference="+escape(theForm.elements['grid_reference['+name+']'].value);
  90.                 }
  91.                 if (theForm.elements['photographer_gridref['+name+']'] && theForm.elements['photographer_gridref['+name+']'].value != '') {
  92.                         url = url + "&photographer_gridref="+escape(theForm.elements['photographer_gridref['+name+']'].value);
  93.                 }
  94.                 if (num > 2) {
  95.                         url = url + "&step="+(num-1);
  96.                 } else {
  97.                         url = url + "&step="+(num);
  98.                 }
  99.                
  100.                 document.getElementById('subIframe').src = url;
  101.         }  
  102.         tabClick(tabname,divname,num,count);
  103. }
  104.  
  105. </script>
  106.  
  107. <TABLE cellSpacing=0 cellPadding=4 width="100%" style="background-color:#000066; font-family:Georgia">
  108.   <TBODY>
  109.   <TR>
  110.     <TD>&nbsp;</TD>
  111.     <TD><A href="http://geograph.mobile/"><IMG height=74 src="http://geograph.mobile/templates/basic/img/logo.gif" width=257 border=0></A></TD>
  112.     <TD vAlign=top align=center><A href="http://geograph.mobile/"><font color=#ffffff size=+2>geograph.mobile</FONT></A><BR>
  113.        <FONT face=Georgia color=#ffffff><I>The Geograph British Isles project aims to collect a geographically representative<BR> photograph for every square kilometre of the British Isles and you can be part of it.</I></FONT></TD>
  114.     <TD>&nbsp;</TD></TR></TBODY>
  115. </TABLE>  
  116.  
  117.  
  118. <div style="padding:10px">
  119.         <form enctype="multipart/form-data" action="/puploader.php" method="post" name="theForm" id="theForm" onsubmit="if (this.imageclass) this.imageclass.disabled=false;">
  120.                
  121.                 <div style="float:right">Logged in as Barry Hunter / <a href="/logout.php">Logout</a></div>
  122.  
  123.                 <h2>Picasa --&gt; Geograph Uploader v0.3</h2>
  124.  
  125.                 <div class="scrollbox">
  126.                                                                         <div class="photobox" id="photo:http://localhost:4863/9c61fa9670791cc687d30358f7248bad/thumb8773.jpg" onclick="selectPhoto('http://localhost:4863/9c61fa9670791cc687d30358f7248bad/thumb8773.jpg');">
  127.                                 <tt>IMG_3227.JPG</tt>
  128.                                 <div style="width:100px; height:100px;">
  129.                                         <img src="http://localhost:4863/9c61fa9670791cc687d30358f7248bad/thumb8773.jpg?size=100"/>
  130.                                 </div>
  131.                                 <input type="hidden" name="http://localhost:4863/9c61fa9670791cc687d30358f7248bad/thumb8773.jpg?size=640"/>
  132.                                 <span class="nowrap">Su:<input type="text" name="grid_reference[http://localhost:4863/9c61fa9670791cc687d30358f7248bad/thumb8773.jpg]" value="" size="12" maxlength="12"/></span>  
  133.                                 <span class="nowrap">Ph:<input type="text" name="photographer_gridref[http://localhost:4863/9c61fa9670791cc687d30358f7248bad/thumb8773.jpg]" value="" size="12" maxlength="12"/></span>  
  134.                                 <span class="nowrap">6f:<input type="text" name="use6fig[http://localhost:4863/9c61fa9670791cc687d30358f7248bad/thumb8773.jpg]" value="" size="1" maxlength="2"/></span>
  135.                                 <span class="nowrap">Dir:<input type="text" name="view_direction[http://localhost:4863/9c61fa9670791cc687d30358f7248bad/thumb8773.jpg]" value="" size="3" maxlength="4"/></span>
  136.                                 <span class="nowrap">Ti:<input type="text" name="title[http://localhost:4863/9c61fa9670791cc687d30358f7248bad/thumb8773.jpg]" value="" size="20" maxlength="255"/></span>  
  137.                                 <span class="nowrap">De:<textarea name="comment[http://localhost:4863/9c61fa9670791cc687d30358f7248bad/thumb8773.jpg]" cols="30" rows="2" wrap="soft"></textarea></span>  
  138.                                 <span class="nowrap">Cl:<input type="text" name="imageclass[http://localhost:4863/9c61fa9670791cc687d30358f7248bad/thumb8773.jpg]" value="" size="12" maxlength="64"/> <input type="text" name="imageclassother[http://localhost:4863/9c61fa9670791cc687d30358f7248bad/thumb8773.jpg]" value="" size="12" maxlength="64"/></span>  
  139.                                
  140.                                 <span class="nowrap">Da:<input type="text" name="imagetaken[http://localhost:4863/9c61fa9670791cc687d30358f7248bad/thumb8773.jpg]" value="" size="10" maxlength="10"/></span>  
  141.                                
  142.                                
  143.                         </div>
  144.                
  145.                 </div>
  146.                 <input type="hidden" name="selected" value="http://localhost:4863/9c61fa9670791cc687d30358f7248bad/thumb8773.jpg"/>
  147.                 <div class="tabHolder">
  148.                         <a class="tab nowrap" id="tab1" onclick="submitTabClick('tab','',1,4)">Enter Grid Reference</a>
  149.                         <a class="tab nowrap" id="tab2" onclick="submitTabClick('tab','',2,4)">Draggable Map</a>
  150.                         <a class="tab nowrap" id="tab3" onclick="submitTabClick('tab','',3,4)">Map References</a>
  151.                         <a class="tab nowrap" id="tab4" onclick="submitTabClick('tab','',4,4)">Title/Description</a>
  152.                 </div>
  153.                 <iframe id="subIframe" name="subIframe" src="about:blank" width="100%" height="350"></iframe>
  154.  
  155.  
  156.                 <div class="termsbox">
  157.  
  158.                         <h2>Confirm image rights</h2>
  159.  
  160.                         <p>
  161.                         Because we are an open project we want to ensure our content is licensed
  162.                         as openly as possible and so we ask that all images are released under a <span class="nowrap"><a title="Learn more about Creative Commons" href="http://creativecommons.org" target="_blank">Creative Commons</a><img style="padding-left:2px;" alt="External link" title="External link - opens in a new window" src="http://s0.geograph.mobile/img/external.png" width="10" height="10"/></span>
  163.                         licence, including accompanying metadata.</p>
  164.  
  165.                         <p>With a Creative Commons licence, the photographer <b>keeps the copyright</b> but allows
  166.                         people to copy and distribute the work provided they <b>give credit</b>.</p>
  167.  
  168.                         <p>Since we want to ensure we can use your work to fund the running costs of
  169.                         this site, and allow us to create montages of grid images, we ask that you
  170.                         allow the following</p>
  171.  
  172.                         <ul>
  173.                         <li>The right to use the work commercially</li>
  174.                         <li>The right to modify the work to create derivative works</li>
  175.                         </ul>
  176.  
  177.                         <p><span class="nowrap"><a title="View licence" href="http://creativecommons.org/licenses/by-sa/2.0/" target="_blank">Here is the Commons Deed outlining the licence terms</a><img style="padding-left:2px;" alt="External link" title="External link - opens in a new window" src="http://s0.geograph.mobile/img/external.png" width="10" height="10"/></span></p>
  178.  
  179.                                                                                 <div class="interestBox">
  180.         <p>As part of the licence it's important that the '<i>Original Author</i>' or Photographer is correctly attributed, use this section to apply the appropriate credit to the photographer.</p>
  181.        
  182.         <dl>
  183.                 <dt id="dt_self"><input type="radio" name="pattrib" value="self" id="pattrib_self"  onclick="updateAttribDivs()"/><label for="pattrib_self">I am the photographer</label></dt>
  184.                 <dd id="dd_self" style="border:1px solid gray; padding:5px;display:none">Use this option when you as the '<i>Geograph Account Holder</i>', also took the photo.</dd>
  185.                 <div style="padding:10px"><i>- or -</i></div>
  186.                 <dt id="dt_other"><input type="radio" name="pattrib" value="other" id="pattrib_other" onclick="updateAttribDivs()" checked="checked"/><label for="pattrib_other">I am not the photographer, and need to apply the appropriate credit for this image</label></dt>
  187.                 <dd id="dd_other" style="border:1px solid gray; padding:5px">By selecting the above option you certify that you as the '<i>Geograph Account Holder</i>',<br/> act as an authorised '<i>Licensor</i>' (<a href="/help/what_is_a_licensor" target="_blank">What does this mean</a>?) for the photographer named below:
  188.                 <br/><br/>
  189.                 Photographer Name: <input type="text" name="pattrib_name" value="Barry&#039;s Sock" size="40"/>
  190.                 <br/><br/>
  191.                 Note: It's vitally important to be sure you are a valid '<i>Licensor</i>' on behalf of the '<i>Original Author</i>' mentioned here.
  192.                 <br/><br/>
  193.                 This option should <b>not</b> be used to republish the work of others already published under a Creative Commons Licence, either elsewhere or on Geograph, such content is not approriate for Geograph.
  194.                 </dd>
  195.         </dl>
  196.         <div style="text-align:right"><input type="checkbox" name="pattrib_default" value="on" id="pattrib_default" />Make this my new default from now on</div>
  197.        
  198.        
  199.                 <script type="text/javascript">
  200.                         function $(id) {
  201.                                 return document.getElementById(id);
  202.                         }
  203.                
  204.                         function updateAttribDivs() {
  205.                                 isself = document.theForm.pattrib[0].checked;
  206.                                
  207.                                 $('dt_self').style.fontWeight = isself?'bold':'';
  208.                                 $('dd_self').style.display = isself?'':'none';
  209.                                 $('dt_other').style.fontWeight = isself?'':'bold';
  210.                                 $('dd_other').style.display = isself?'none':'';
  211.                         }
  212.                         AttachEvent(window,'load',updateAttribDivs,false);
  213.                 </script>
  214.        
  215.        
  216.         </div>
  217.                         <p>If you agree with these terms, click "I agree" and your images submitted to Geograph.<br />
  218.                         <input type="button" value="Close Window" onclick="location.href='minibrowser:close'"/>
  219.                         <input style="background-color:lightgreen; width:200px" type="submit" name="finalise" value="I AGREE &gt;" onclick="autoDisable(this);"/>
  220.                         </p>
  221.                 </div>
  222.  
  223.         </form>
  224. </div>
  225.  
  226. </body>
  227. </html>

Submit a correction or amendment below (click here to make a fresh posting)
After submitting an amendment, you'll be able to view the differences between the old and new posts easily.

Syntax highlighting:

To highlight particular lines, prefix each line with @@


Remember me