Databases
StackOverflow2013
Postsdbo
PONeed help fixing bugs and optimizing javascript code
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PONeed help fixing bugs and optimizing javascript code
    primarykey
    data
    text
    <p>I've been working on enhancing this webpage and I'm sure you'll all laugh when you see the following code, but I've been teaching myself javascript as I go, so I'm a little proud of how far I've been able to get on my own. The problem is that what I've done is a little bit buggy once you start clicking on several cities on the map and I'm not versed enough to figure it out. Also, I'm sure I've taken the long scenic route in getting the code to function so I'm turning to all-knowing community in hopes someone can teach this guy how to code.</p> <p>You can see the full development here: <a href="http://buhmanphotography.com/map/" rel="nofollow">http://buhmanphotography.com/map/</a></p> <p>Here is a video of the bugs I'm seeing: <a href="http://buhmanphotography.com/map/buggyCode/" rel="nofollow">http://buhmanphotography.com/map/buggyCode/</a></p> <pre><code>$(document).ready(function() { // Show the Map Container $('.locBox a').click(function (e) { // Initialize info for clicked location var initLocInfo = $(this).attr("rel") + "Ctn"; // Show Initial Information $('#' + initLocInfo).show(); $('#' + initLocInfo).css('opacity','1'); $('#' + initLocInfo).addClass('modActive'); // Initialize Button State on Map var initLocBtn = $(this).attr("rel") + "Btn"; $('#' + initLocBtn).css('backgroundPosition','top'); // Open Map Box $("#mapModalCtn").show(); $("#mapModalCtn").animate({ opacity: 1 }, 500); e.preventDefault(); }); // Hide the Map Container $('#modalTitle a').click(function (e) { $("#mapModalCtn").animate({ opacity: 0 }, 500, function() { $("#mapModalCtn").hide(); $('#modLeftCol &gt; div').removeClass('modActive'); $('#modLeftCol &gt; div').hide(); $('#modRightCol a').css('backgroundPosition','bottom'); }); e.preventDefault(); }); // Show the info for the selected Location on the Map $('#modRightCol a').click(function (e) { e.preventDefault(); var locInfo = $(this).attr("rel") + "Ctn"; var locBtn = $(this).attr("rel") + "Btn"; // Change Map Location Button State $('#modRightCol a').css('backgroundPosition','bottom'); $(this).css('backgroundPosition','top'); // Hide currently visible information if ($('#modLeftCol &gt; div').hasClass('modActive')) { $("#modLeftCol &gt; div").animate({ opacity: 0 }, 500, function(){ $("#modLeftCol &gt; div").hide(); $("#modLeftCol &gt; div").removeClass('modActive'); //Show information related to location clicked $('#' + locInfo).show(); $('#' + locInfo).animate({ opacity: 1 }, 500, function(){ $('#' + locInfo).addClass('modActive'); }); }); } }); }); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USlbweb
    1. USlbweb
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. PONeed help fixing bugs and optimizing javascript code
      1. This table or related slice is empty.
      1. VTClose
    2. VO
      singulars
      1. PONeed help fixing bugs and optimizing javascript code
      1. This table or related slice is empty.
      1. VTClose
    3. VO
      singulars
      1. PONeed help fixing bugs and optimizing javascript code
      1. This table or related slice is empty.
      1. VTClose
    1. COSee [my question on caching jQuery selectors](http://stackoverflow.com/questions/5724400/does-using-this-instead-of-this-provide-a-performance-enhancement).
      singulars
      1. PONeed help fixing bugs and optimizing javascript code
      1. USJared Farrish
    2. COThis might be better suited for http://codereview.stackexchange.com/, but in the mean time (further to Jared's comment) you can _chain_ jQuery methods: `$('#'+initLocInfo).show().css('opacity','1').addClass('modActive');` (more efficient then repeatedly selecting the same element(s)). Regarding your comment "what I've done is a little bit buggy" - you need to be more specific.
      singulars
      1. PONeed help fixing bugs and optimizing javascript code
      1. USnnnnnn
    3. COthanks for the link. I didn't know there was a special review area. When I say its buggy, after a few clicks on the different cities on the map, it'll do this weird thing where the title on the left side, flashes back and forth between the previous selection and the selection I just made. I'm wondering if it's a timing issue - If I hit another city before the previous script completes or something like that. I see it in both Safari and Firefox.
      singulars
      1. PONeed help fixing bugs and optimizing javascript code
      1. USlbweb
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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