Databases
StackOverflow2013
Postsdbo
POHow to change a textNode created in a different function
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to change a textNode created in a different function
    primarykey
    data
    text
    <p>I´m doing a simple show/hide script where I have 2 sections of text that are hidden. I have created 2 "read more" links with help of createTextNode. My problem is that the link text "Read more" is suppose to change to "Hide" once the link has been clicked and the hidden text is showing and when I click on "Hide" it should change back to "Read more". But I can´t seem to find the right way to change the nodeValue for this, probably because I´m trying to reach the node from the second function "hideShow".</p> <p>Another smaller question as well. I can´t get the script to work when I place a link in the head, only when I place a link before the closing tag. I know this is a better way but still, how come it´s not working? Something to do with window.onload?</p> <p>Thank you for any help!</p> <p>Here is my code:</p> <pre><code>window.onload = hideText(); function hideText() { // Function to hide text and create links if (document.getElementsByClassName) { // Check if browser understands method var hideElement = document.getElementsByClassName("show"); // Get all elements with class "show" and add in array "hideElement" for (var i=0; i &lt; hideElement.length; i++) { var link = document.createElement("a"); // Create link for all class "show" elements hideElement[i].parentNode.insertBefore(link, hideElement[i]); // Putting links before hidden element link.appendChild(document.createTextNode("Read more")); // Give links a textNode child link.setAttribute("href", "#"); link.onclick = (function(element) { //When click on link function hideShow return function() { hideShow(element); }; })(hideElement[i]); hideElement[i].style.display = "none"; // If no link click element with class "show" is hidden } } } function hideShow(element) { if (element.style.display == "none") { element.style.display = "block"; for (var i=0; i&lt;link.length; i++) { link.firstChild.nodeValue = "Hide"; } } else { element.style.display = "none"; } } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USLisa
    1. USLisa
    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. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COYou could maybe try changing the for loop in the hideShow() function to.. `element.previousSibling.firstChild.nodeValue = "Hide";`
      singulars
      1. POHow to change a textNode created in a different function
      1. USKeith Lantz
    2. COThank you for your help! Unfortunately it still doesn´t work:( @KeithLantz
      singulars
      1. POHow to change a textNode created in a different function
      1. USLisa
 

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