Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Some points:</p> <p>Changing your regExp from <code>/^\s+/</code> to <code>/^\s+|\s+$/g</code> might be useful as it will trim trailing whitespace, too.</p> <p>Change <code>if (text_input === "") {</code> to <code>if (removeSpaces === "") {</code> otherwise you get horrible results if you just enter a space.</p> <p>Why are you declaring the functions <code>highlight</code>, <code>removeSpan</code> and <code>addSpan</code> when you only call them in one place? Just put their code where you call them (unless, of course, you want to use them elsewhere, too).</p> <p>Why are you creating the temporary vars <code>newstr</code> and <code>newstr2</code>? Just reassign the result of the <code>anchor_text.replace()</code> call back into <code>anchor_text</code>.</p> <p>Pass regexes in the replace function instead of strings.</p> <p>Implementing all of these changes, we get:</p> <pre><code>document.getElementById('check-list').onclick = function() { text_input = document.search.search_list.value.replace(/^\s+|\s+$/g, ""); if (text_input.length) { var anchor = document.getElementById('results').getElementsByTagName('a'); var alength = anchor.length; for (var x = 0; x &lt; alength; x++) { var anchor_text = anchor[x].innerHTML; anchor_text = anchor_text .replace(/&lt;span class="highlight"&gt;/gi, "") .replace(/&lt;\/span&gt;/gi, ""); anchor[x].innerHTML = anchor_text; var re = new RegExp(text_input, "gi"); if (anchor_text.search(re) !== -1) { anchor_text = anchor_text.replace(re, "&lt;span class='highlight'&gt;$&amp;&lt;/span&gt;"); anchor[x].innerHTML = anchor_text; } } } } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POJavascript: replace string function not working in IE7-8
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USmegaflop
    1. USmegaflop
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POJavascript: replace string function not working in IE7-8
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThanks for those tips on improving the quality of my JS code. I've updated the example on JS Fiddle with those improvements: http://jsfiddle.net/8Fx3a/10/. However, I'm still having the same problem in IE. Also what version of Chrome are you running? I've tested this on Chrome 14 for Mac and Chrome 12-14 on Windows and the program works fine for me.
      singulars
      1. PO
      1. USStephen Young
    2. COI'm on a different machine now; not sure what version I was using earlier, but it worked after my modifications, but not before, for some reason. IE 9 worked fine for me. I'll check IE 7 when I'm back on a Windows machine later. FYI, this works fine on Chromium 14.0.835.186 (Linux).
      singulars
      1. PO
      1. USmegaflop
    3. CORight, sorry for the delay, I've only just got access to IE again. The problem is that IE 7 is not returning the exact same innerHTML as you put there earlier on. Instead of `<span class="highlight">`, it is using `<SPAN class=highlight>` (note missing quotes). Changing the `.replace(/<span class="highlight">/gi, "")` call to `.replace(/<span class="?highlight"?>/gi, "")` gets around this. See [the update here](http://jsfiddle.net/8Fx3a/17/).
      singulars
      1. PO
      1. USmegaflop
 

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