Why can’t I access the component methods from “outside” in ReactJS? Why is it not possible and is there any way to solve it? Consider the code: var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} // expect “bar”, got a “not a function” error. </div> ); } … Read more
I would like to set the document title (in the browser title bar) for my React application. I have tried using react-document-title (seems out of date) and setting document.title in the constructor and componentDidMount() – none of these solutions work. 19 Answers 19
Using jQuery, how do you check if there is an option selected in a select menu, and if not, assign one of the options as selected. (The select is generated with a maze of PHP functions in an app I just inherited, so this is a quick fix while I get my head around those … Read more
I’m trying to test if a DOM element exists, and if it does exist delete it, and if it doesn’t exist create it. var duskdawnkey = localStorage[“duskdawnkey”]; var iframe = document.createElement(“iframe”); var whereto = document.getElementById(“debug”); var frameid = document.getElementById(“injected_frame”); iframe.setAttribute(“id”, “injected_frame”); iframe.setAttribute(“src”, ‘http://google.com’); iframe.setAttribute(“width”, “100%”); iframe.setAttribute(“height”, “400”); if (frameid) // check and see if iframe … Read more
I have a dropdown list like this: <select id=”box1″> <option value=”98″>dog</option> <option value=”7122″>cat</option> <option value=”142″>bird</option> </select> How can I get the actual option text rather than the value using JavaScript? I can get the value with something like: <select id=”box1″ onChange=”myNewFunction(this.selectedIndex);” > But rather than 7122 I want cat. 16 Answers 16
What would the most efficient method be to find a child element of (with class or ID) of a particular parent element using pure javascript only. No jQuery or other frameworks. In this case, I would need to find child1 or child2 of parent, assuming that the DOM tree could have multiple child1 or child2 … Read more
I’m trying to figure out how to execute some js code when an element is removed from the page: jQuery(‘#some-element’).remove(); // remove some element from the page /* need to figure out how to independently detect the above happened */ is there an event tailored for that, something like: jQuery(‘#some-element’).onremoval( function() { // do post-mortem … Read more
I am using jQuery v.1.7.1 where the .live() method is apparently deprecated. The problem I am having is that when dynamically loading html into an element using: $(‘#parent’).load(“http://…”); If I try and add a click event afterwards it does not register the event using either of these methods: $(‘#parent’).click(function() …); or // according to documentation … Read more
I’m trying to inspect CSS properties from an input into a table cell. The input appears on click and disappears on lost focus, as when I try to inspect it. How can I do it to don’t lost focus while I move to another window (the inspector)? 12 Answers 12
Is there a way to do a wildcard element name match using querySelector or querySelectorAll? The XML document I’m trying to parse is basically a flat list of properties I need to find elements that have certain strings in their names. I see support for wildcards in attribute queries but not for the elements themselves. … Read more