Note that there are some explanatory texts on larger screens.

plurals
  1. POAddThis need to share custom url generated by js
    primarykey
    data
    text
    <p>I need the facebook/twitter/email buttons to share the page with the photo loaded. The script for the photo form was written years ago by a colleague that has left and I have concluded that it is something I am not able to customize myself. I have included as much info as I could think of. Thanks! </p> <p>EDIT: I can provide wp login details for anyone that would like to take a stab at this for me. Very much appreciated!</p> <ol> <li>Go to this page: etncal.staging.wpengine.com/community-event-photos/</li> <li>Enter ID# 09070073, click Get Photo button</li> <li>New page loads and the url will read: etncal.staging.wpengine.com/download-your-community-event-photos/?photo=090700731381779074495</li> <li>A parameter has been passed to url and the photo code entered is the first 8 digits</li> <li>Share this buttons are linking to the page url without parameter - so the blank page without the image loaded is being shared. Need to share page with unique url &amp; photo.</li> </ol> <p>Community Event Photo form uses two pages:</p> <p>1] Page with form: etncal.staging.wpengine.com/community-event-photos/</p> <p>Code added to body of this page:</p> <pre><code>[js]varUnique=new Date().getTime() //will always be unique function CheckForm() { var photoID = document.photoForm.photoID.value; var numericExpression = /^[0-9]+$/; var eightdigit = /^\d{8}$/; if(photoID.match(eightdigit)) { var urlID = (photoID.concat(varUnique)); var newURL = 'http://etncal.staging.wpengine.com/download-your-community-event-photos/?photo='; location.href=(newURL.concat(urlID)); return false; } else { alert('Please enter the eight digit number for your photo ID.'); return false; } }[/js] </code></pre> <p>2] Page that loads image: etncal.staging.wpengine.com/download-your-community-event-photos/</p> <p>Code added to body of this page:</p> <pre><code>&lt;div class="clear-mg"&gt;&lt;/div&gt; &lt;div class="photo"&gt;[js] displayPhoto(); [/js]&lt;/div&gt; </code></pre> <p>Link to the following js file is included in header of same wordpress page (click on 2nd button to right of Add Media, using a plugin to add): etncal.staging.wpengine.com/wp-content/themes/canvas_child/js/photos.js</p> <p>PHOTOS ARE LOCATED HERE: etncal.staging.wpengine.com/wp-content/themes/canvas_child/images/community/photos/</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload