I have a `FragmentActivity` with this layout:

    &lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
    &lt;RelativeLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
    xmlns:tools=&quot;http://schemas.android.com/tools&quot;
    android:layout_width=&quot;match_parent&quot;
    android:layout_height=&quot;match_parent&quot; &gt;

    &lt;TextView
        android:id=&quot;@+id/textView1&quot;
        android:layout_width=&quot;wrap_content&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:text=&quot;@string/menulabel&quot;
        android:textSize=&quot;24sp&quot; /&gt;

    &lt;EditText
        android:id=&quot;@+id/editText1&quot;
        android:layout_width=&quot;wrap_content&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:ems=&quot;10&quot;
        android:inputType=&quot;text&quot;
        android:layout_below=&quot;@+id/textView1&quot;
        android:hint=&quot;@string/search_title_hint&quot; /&gt;

    &lt;TextView
        android:id=&quot;@+id/textView2&quot;
        android:layout_width=&quot;wrap_content&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:text=&quot;@string/spinnersearch&quot;
        android:layout_below=&quot;@+id/editText1&quot; /&gt;

    &lt;LinearLayout
        android:id=&quot;@+id/layout1&quot;
        android:layout_width=&quot;wrap_content&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:layout_below=&quot;@+id/textView2&quot; &gt;

        &lt;Spinner
        	android:id=&quot;@+id/spinner_search&quot;
        	android:layout_width=&quot;wrap_content&quot;
        	android:layout_height=&quot;wrap_content&quot;
        	android:prompt=&quot;@string/spinnersearch&quot; /&gt;

        &lt;Button
            android:id=&quot;@+id/button1&quot;
            android:layout_width=&quot;wrap_content&quot;
            android:layout_height=&quot;wrap_content&quot;
            android:text=&quot;@string/reset_search&quot; /&gt;

    &lt;/LinearLayout&gt;

    &lt;Button
        android:id=&quot;@+id/button2&quot;
        android:layout_width=&quot;wrap_content&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:text=&quot;@string/buttonnewcat&quot;
        android:layout_below=&quot;@+id/layout1&quot; /&gt;

    &lt;Button
        android:id=&quot;@+id/button3&quot;
        android:layout_width=&quot;wrap_content&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:text=&quot;@string/buttondelcat&quot; 
        android:layout_below=&quot;@+id/button2&quot; /&gt;

    &lt;Button
        android:id=&quot;@+id/button4&quot;
        android:layout_width=&quot;wrap_content&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:text=&quot;@string/buttoneditcat&quot;
        android:layout_below=&quot;@+id/button3&quot; /&gt;

    &lt;Button
        android:id=&quot;@+id/button5&quot;
        android:layout_width=&quot;wrap_content&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:text=&quot;@string/buttonnewtext&quot;
        android:layout_below=&quot;@+id/button4&quot; /&gt;

    &lt;Button
        android:id=&quot;@+id/button6&quot;
        android:layout_width=&quot;wrap_content&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:text=&quot;@string/buttondeltext&quot;
        android:layout_below=&quot;@+id/button5&quot; /&gt;
    
    &lt;RelativeLayout
        android:layout_width=&quot;match_parent&quot;
        android:layout_height=&quot;match_parent&quot; &gt;

        &lt;side.menu.scroll.ScrollerLinearLayout
            android:id=&quot;@+id/menu_content_side_slide_layout&quot;
            android:layout_width=&quot;match_parent&quot;
            android:layout_height=&quot;match_parent&quot;
            android:orientation=&quot;vertical&quot; &gt;

            &lt;LinearLayout
                android:layout_width=&quot;match_parent&quot;
                android:layout_height=&quot;45dp&quot;
                android:background=&quot;@drawable/ab_solid_example&quot;
                android:orientation=&quot;horizontal&quot; &gt;

                &lt;ImageView
                    android:id=&quot;@+id/main_tmp_button&quot;
                    android:layout_width=&quot;wrap_content&quot;
                    android:layout_height=&quot;wrap_content&quot;
                    android:background=&quot;@drawable/actionbar_background&quot;
                    android:src=&quot;@drawable/download&quot; /&gt;
               	
            &lt;/LinearLayout&gt;
            &lt;FrameLayout
                android:id=&quot;@+id/fragment_container&quot;
    			android:layout_width=&quot;match_parent&quot;
    			android:layout_height=&quot;match_parent&quot;
    			android:background=&quot;@drawable/bg_groud&quot; /&gt;
            
        &lt;/side.menu.scroll.ScrollerLinearLayout&gt;
    &lt;/RelativeLayout&gt;

&lt;/RelativeLayout&gt;

and the ScrollerLinearLayout class is something like this:

    public class ScrollerLinearLayout extends LinearLayout {
        // code of the class
    }

How to access from `ScrollerLinearLayout` to the parent layout to get - for example - the editetxt? `FragmentActivity` and `ScrollerLineraLayout` are in different packages of the same projects.
I tried to use the `getParent()` function in this way within the `ScrollerLinearLayout` but it doesn&#39;t work.

    RelativeLayout r = (RelativeLayout) this.getParent().getParent();
    int w = r.findViewById(R.id.editText1).getLayoutParams().width;

Someone help me? Thanks!

get parent&#39;s view from a layout

I have an `&lt;a&gt;` with a `&lt;span&gt;` children. I have written some CSS which changes the border-color of the children when the parent is hovered, but it also changes the border-color when I hover the children, which it shouldn&#39;t.

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    a {
        padding: 50px;
        border: 1px solid black;
    }

    a span {
        position: absolute;
        top: 200px;
        padding: 30px;
        border: 10px solid green;
    }

    a:hover span {
        border: 10px solid red;
    }   

&lt;!-- language: lang-html --&gt;

    &lt;a&gt;
        Parent text
        &lt;span&gt;Child text&lt;/span&gt;    
    &lt;/a&gt;

&lt;!-- end snippet --&gt;

CSS :: child set to change color on parent hover, but changes also when hovered itself

I have a the following structure:

    src/
        modules/
            module1/
                js/
                    main.js
                scss/
                    main.scss
                index.html
            module2/
                js/
                    main.js
                scss/
                    main.scss
                index.html

I&#39;d like to run a grunt task to copy these out to the following structure:

    dev/
        js/
            module1.js
            module2.js
        css/
            module1.css
            module2.css
        module1.html
        module2.html

Is there a way to do this with an existing grunt plugin? If not, how could I achieve this?

How can I rename files with Grunt, based on the respective file&#39;s parent folder name?

How do I pass a value from a child back to the parent form? I have a string that I would like to pass back to the parent.

I launched the child using:

    FormOptions formOptions = new FormOptions();
    formOptions.ShowDialog();


How do I pass a value from a child back to the parent form?

I have a `&lt;div&gt;` with some child `&lt;div&gt;` in it. E.g.

    &lt;div id=&quot;niceParent&quot;&gt;
      &lt;div&gt;&lt;/div&gt;
      &lt;div&gt;&lt;/div&gt;
      &lt;div&gt;&lt;/div&gt;
      &lt;div&gt;&lt;/div&gt;
    &lt;/div&gt;

I tried to loop through them with the `forEach` function, because I thought that `document.getElementById(&quot;niceParent&quot;).children` is an array, as I can access the elements with

    console.log(document.getElementById(&quot;niceParent&quot;).children[1]);
    console.log(document.getElementById(&quot;niceParent&quot;).children[2]);
    console.log(document.getElementById(&quot;niceParent&quot;).children[3]);
    console.log(document.getElementById(&quot;niceParent&quot;).children[4]);

Hence I tried

    document.getElementById(&quot;niceParent&quot;).children.forEach(function(entry) {
      console.log(entry);
    });

which is not working. I get

    TypeError: document.getElementById(...).children.forEach is not a function

As a workaround I also tried it with a—much more complicated—`for..in` loop:

    for (var i in document.getElementById(&quot;niceParent&quot;).children) {
      if (document.getElementById(&quot;niceParent&quot;).children[i].nodeType == 1) console.log(document.getElementById(&quot;niceParent&quot;).children[i]);
    }

which worked as expected.

Why?


Why is forEach not working for children?

As you can see in the CSS below, I want `child2` to position itself before `child1`. This is because the site I&#39;m currently developing should also work on mobile devices, on which the `child2` should be at the bottom, as it contains the navigation which I want below the content on the mobile devices. - Why not 2 masterpages? This is the only 2 `divs` which are repositioned in the entire HTML, so 2 masterpages for this minor change is an overkill.

HTML:

    &lt;div id=&quot;parent&quot;&gt;
        &lt;div class=&quot;child1&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;child2&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;

CSS:

    parent { position: relative; width: 100%; }
    child1 { width: auto; margin-left: 160px; }
    child2 { width: 145px; position: absolute; top: 0px; bottom: 0px; }

`child2` has dynamic height, as different subsites could have more or less navigation items.

I know that absolute positioned elements are removed from the flow, thus ignored by other elements.  
I tried setting `overflow:hidden;` on the parent div, but that didn&#39;t help, neither does the `clearfix`.

My last resort will be JavaScript to reposition the two `divs` accordingly, but for now I&#39;ll try and see if there exist a non-JavaScript way of doing this.

Make absolute positioned div expand parent div height

I have to switch between two layouts frequently. The error is happening in the layout posted below.

When my layout is called the first time, there doesn&#39;t occur any error and everything&#39;s fine. When I then call a different layout (a blank one) and afterwards call my layout a second time, it throws the following error:


    &gt; FATAL EXCEPTION: main
    &gt;     java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child&#39;s parent first.



My layout-code looks like this:

        tv = new TextView(getApplicationContext()); // are initialized somewhere else
        et = new EditText(getApplicationContext()); // in the code


    private void ConsoleWindow(){
            runOnUiThread(new Runnable(){
    
         @Override
         public void run(){
    
            // MY LAYOUT:
            setContentView(R.layout.activity_console);
            // LINEAR LAYOUT
            LinearLayout layout=new LinearLayout(getApplicationContext());
            layout.setOrientation(LinearLayout.VERTICAL);
            setContentView(layout);
    
            // TEXTVIEW
            layout.addView(tv); //  &lt;==========  ERROR IN THIS LINE DURING 2ND RUN
            // EDITTEXT
            et.setHint(&quot;Enter Command&quot;);
            layout.addView(et);
            }
        }
    }

I know this question has been asked before, but it didn&#39;t help in my case.

The specified child already has a parent. You must call removeView() on the child&#39;s parent first (Android)

I&#39;ve 2 activities, **Activity1** and **Activity2**.

In `Activity1` I&#39;ve a **Button** and **TextView**.
When the button is clicked **Activity2** is started.

In `Activity2` I&#39;ve an **EditText**.

I want to display the data retrieved from **EditText** in **Activity2** in the **TextView** in **Activity1** when back is pressed from **Activity2**.

can someone help me with the code to make this work?

How to pass data from 2nd activity to 1st activity when pressed back? - android

This might seem like a basic question, but I could not find any documentation :

What is the difference between forking &amp; spawning a node.js process? I have read that forking is a special case of spawning, but what are the different use cases / repecussions for using each of them?



node.js child process - difference between spawn &amp; fork

I have my maven project setup as 1 shell projects and 4 children modules. When I try to build the shell. I get:

    [INFO] Scanning for projects...
    [ERROR] The build could not read 1 project -&gt; [Help 1]
    [ERROR]   
    [ERROR] The project module1:1.0_A0 (C:\module1\pom.xml) has 1 error
    [ERROR] Non-resolvable parent POM: Failure to find shell:pom:1.0_A0 in http://nyhub1.ny.ssmb.com:8081/nexus/content/repositories/JBoss/ was cached in the local repository, resolution will not be reattempted until the update interval of jboss has elapsed or updates are forced and &#39;parent.relativePath&#39; points at wrong local POM @ line 5, column 11 -&gt; [Help 2]

If I try to build a lone module I get the same error only replace module1, with whatever module it was.

Have them all referencing the parent in their poms.

    &lt;parent&gt;
		&lt;artifactId&gt;shell&lt;/artifactId&gt;
		&lt;groupId&gt;converter&lt;/groupId&gt;
		&lt;version&gt;1.0_A0&lt;/version&gt;
	&lt;/parent&gt;

Here is the relevant parts of the shell pom:

    &lt;groupId&gt;converter&lt;/groupId&gt;
    &lt;artifactId&gt;shell&lt;/artifactId&gt;
    &lt;version&gt;1.0_A0&lt;/version&gt;
    &lt;packaging&gt;pom&lt;/packaging&gt;
    &lt;name&gt;shell&lt;/name&gt;


    &lt;modules&gt;
        &lt;module&gt;module1&lt;/module&gt;
  	    &lt;module&gt;module2&lt;/module&gt;
  	    &lt;module&gt;module3&lt;/module&gt;
  	    &lt;module&gt;module4&lt;/module&gt;
	&lt;/modules&gt;



Maven: Non-resolvable parent POM

How can I append a childNode to a specific position in javascript?

I want to add a childNode to the 3rd position in a div. There are other nodes behind it that need to move backwards (3 becomes 4 etc.)



How to append a childnode to a specific position

let&#39;s say I have a markup like this:

    &lt;div id=&quot;foo&quot;&gt;
      ...
      &lt;span id=&quot;moo&quot;&gt;
        ...
      &lt;/span&gt;
      ...
    &lt;/div&gt;

and I want to select #moo.

why `$(&#39;#foo&#39;).find(&#39;span&#39;)` works, but `$(&#39;span&#39;, $(&#39;#foo&#39;));` doesn&#39;t ?

jQuery - selecting elements from inside a element

Hey i am searching in google but i can&#39;t fine any perfect answer
 
I want to Opacity in parent DIV but not Child  DIV


Example 

**HTML**

    &lt;div class=&quot;parent&quot;&gt;
    &lt;div class=&quot;child&quot;&gt;
    Hello I am child 
    &lt;/div&gt;
    &lt;/div&gt;
**Css**

    .parent{
    background:url(&#39;../images/madu.jpg&#39;) no-repeat 0 0;
    }
    .child{
    Color:black;
    }

**Note: --** I want to **background-image** in `Parent Div` not Color 

How to set opacity in parent div and not affect in child div?

I have a table structure like this:

    &lt;table1&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;/td&gt;
            ...
          &lt;td&gt;
            &lt;table2&gt;
              &lt;tbody&gt;
                &lt;tr&gt;
                  &lt;td&gt;&lt;/td&gt;
                &lt;/tr&gt;
              &lt;/tbody&gt;
            &lt;/table&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
       &lt;/tbody&gt;
      &lt;/table&gt;

In javascript, I have a variable `tbl` with value of `$(table1)`, and then I want to get all direct child elements (tr) of `&lt;tbody&gt;` of `table1`.
My code is :

    $(&#39;tr&#39;, tb1)
Apparently it returns all `&lt;tr&gt;` elements in table1 and table2.
I think I can get by

    $(&#39;tr&#39;, tb1).not(function(){return $(this).parent().parent()[0] != tb1;})
or this kind of logic.

I know `$(&#39;table1 &gt; tbody &gt; tr&#39;)` can get the direct child `tr`. Unfortunately I can not use this.

Anyone has good idea about this?

Thanks.

How to get only direct child elements by jQuery function

I am getting the type error, &quot;Expected 0 type arguments, but got 1&quot; despite following this tutorial to a T.
https://youtu.be/I317BhehZKM?t=57s

I have specified:

      newUserInfoComplete:boolean = false

yet I am getting the error specified above on `&lt;boolean&gt;` in this line:

      @Output() newUserInfoCompleteEvent = new EventEmitter &lt;boolean&gt; ();


Also, if I simply omit `&lt;boolean&gt;` I get this error:

    Argument of type &#39;boolean&#39; is not assignable to parameter of type &#39;string&#39;.

and this.NewUserInfoComplete is underlined here:

    this.newUserInfoCompleteEvent.emit(this.newUserInfoComplete);

Here is my component:

    import { Component, OnInit, Output } from &#39;@angular/core&#39;;
    import { slideToRight } from &#39;../../../../router.animations&#39;;
    import { Router, ActivatedRoute, UrlSegment } from &#39;@angular/router&#39;;
    import { EventEmitter } from &#39;protractor&#39;;
    
    @Component({
      selector: &#39;app-new-user-input&#39;,
      templateUrl: &#39;./new-user-input.component.html&#39;,
      styleUrls: [&#39;./new-user-input.component.css&#39;],
      animations: [slideToRight()]
    })
    export class NewUserInputComponent implements OnInit {
    
      newUserInfoComplete:boolean = false
    
      @Output() newUserInfoCompleteEvent = new EventEmitter &lt;boolean&gt; ();
    
      constructor(private router: Router, r: ActivatedRoute) {
        r.url.subscribe((s: UrlSegment[]) =&gt; {
          console.log(&quot;url&quot;, s); //https://vsavkin.com/angular-router-understanding-router-state-7b5b95a12eab
        });
      }
    
      ngOnInit() {
      }
    
    
    
      sendNewUserInfoComplete(){
        this.newUserInfoCompleteEvent.emit(this.newUserInfoComplete);
      }
    
      
      displaySibling() {
        console.log(this.router);
        this.router.navigate([&#39;../&#39;, { outlets: { newuserorginfo: [&#39;newuserorginfo&#39;] } }])
      }
    
      closeBlade() {
        this.router.navigate([{ outlets: { newuserinput: null } }]);
      }
    
    }



Angular EventEmitter Error: Expected 0 type arguments, but got 1

I need to find an index of element inside its container by object reference. Strangely, I cannot find an easy way. No jQuery please - only DOM.

    UL
     LI
     LI
     LI - my index is 2
     LI

Yes, I could assign IDs to each element and loop through all nodes to match the ID but it seems a bad solution. Isn&#39;t there something nicer? 

So, say I have an object reference to the third LI as in the example above. How do I know it is index 2?

Thanks.

JavaScript DOM: Find Element Index In Container

I&#39;m looking for a solution to fit a child `div` into it&#39;s parent&#39;s `width`.

Most solutions I&#39;ve seen here **are not cross-browser compatible** (eg. `display: table-cell;` isn&#39;t supported in IE `&lt;=8`).

![image showing intended result with a child div being the full size of it&#39;s parent, with inner padding][1]

  [1]: http://i.stack.imgur.com/Fon6P.jpg 

Cross browser method to fit a child div to its parent&#39;s width

Is there any methods for python+selenium to find parent elements, brother elements, or child elements just like

`driver.find_element_parent?` or   
`driver.find_element_next?` or   
`driver.find_element_previous`?

eg:

    &lt;tr&gt;
      &lt;td&gt; 
         &lt;select&gt;
            &lt;option value=0, selected=&#39;selected&#39;&gt; &lt;/option&gt; 
            &lt;option value=1, &gt; &lt;/option&gt;
            &lt;option value=2,&gt; &lt;/option&gt;
         &lt;/select&gt;
       &lt;/td&gt;
       &lt;td&gt; &#39;abcd&#39;
         &lt;input name=&#39;A&#39;&gt; &lt;/input&gt;
        &lt;td&gt;
    &lt;tr&gt;

I&#39;ve tried like below, but fail:

    input_el=driver.find_element_by_name(&#39;A&#39;)
    td_p_input=find_element_by_xpath(&#39;ancestor::input&#39;)

How can **I get the parent of input element** and then, finally, **get the option selected**?

How to find parent elements by python webdriver?

I have a component called `tileGroup` that has a property that is a collection(array) of other properties.

The parent component(`tileGroup`) renders a list of child components by using each set of properties in the collection to create a new component.

Right now I am individually mapping each property from the set to the child component but this will become cumbersome if the property count for a component increases and I&#39;m sure there is a cleaner, simpler way to do it...

**How can I pass the full set of properties on to the child component without remapping each property?**

Example code:

    tileGroupData = {someProperty: &#39;something&#39;, someOtherProperty:&#39;something&#39;, 
                    tiles: [{vsize:1, hsize:2, etc...}, {vsize:2,hsize:3,title:&#39;whatever&#39;}]};

and then component creation..

    var tileGroup = React.createClass({
        render: function() {
           var thechildren = this.props.tiles.map(function(tile)
           {
               //this is what I DON&#39;T want to be doing. 
               return &lt;tileSimple vsize = {tile.vsize} hsize = {tile.hsize} content = {tile.content}/&gt;;
 
               //what I DO want to be doing
               return &lt;tileSimple allTheProps = {tile}/&gt;; 
           });

React.js -- How to pass properties object to child component?

I have a website whose layout has been shown in the diagram. The body consists of a `main container`, which comprises of `header`, `parent div` and `footer`. The `parent div` further contains several `child div` as shown.

![Webpage Layout][1]

The problem being height of all the `child div` is finite. But the `parent div` contains nothing other than the child divs. All the child divs are visible but the height of the parent div is shown to be zero. I am also not fixing the height of the parent div by giving some pre-specified value as it may cause blunder if number of child increases in future.

The problem due to zero size of parent div is that my footer div is going up and clashing with the contents of the parent div. This can be resolved by giving a suitable margin-top, but that is not a solution I am looking for. 

Can anyone suggest me some way so that the height of the parent div changes automatically according to the height of child divs present.

Please comment if I am unclear in asking my doubt !


  [1]: http://i.stack.imgur.com/OIjF6.png

Height of parent div is zero even if it has child with finite heights

Is it possible to style a `select` element based on what `option` is selected with CSS only? I am aware of existing [JavaScript solutions](https://stackoverflow.com/q/12601752/1176601).

I tried to style the option element itself, but this will give style only to the option element in the list of options, not to the selected element.

    select[name=&quot;qa_contact&quot;] option[value=&quot;3&quot;] {
        background: orange;
    }

http://jsfiddle.net/Aprillion/xSbhQ/

If not possible with CSS 3, will [CSS 4 subject selector](http://www.w3.org/TR/selectors4/#subject) help in the future - or will this stay a forbidden fruit to CSS?

Style &lt;select&gt; element based on selected &lt;option&gt;

**How do I specify the parent query field from within a subquery in MySQL?**

For Example:  
I have written a basic Bulletin Board type program in PHP.

In the database each post contains: id(PK) and parent_id(the id of the parent post).  If the post is itself a parent, then its parent_id is set to 0.

I am trying to write a mySQL query that will find every parent post and the number of children that the parent has.

    $query = &quot;SELECT id, (
          SELECT COUNT(1) 
          FROM post_table 
          WHERE parent_id = id
    ) as num_children
    FROM post_table
    WHERE parent_id = 0&quot;;

The tricky part is that the first **id** doesn&#39;t know that it should be referring to the second *id* that is outside of the subquery.  I know that I can do SELECT id AS id_tmp  and then refer to it inside the subquery, but then if I want to also return the id and keep &quot;id&quot; as the column name, then I&#39;d have to do a query that returns me 2 columns with the same data (which seems messy to me)

    $query = &quot;SELECT id, id AS id_tmp, 
                (SELECT COUNT(1)
                FROM post_table
                WHERE parent_id = id_tmp) as num_children
             FROM post_table
             WHERE parent_id = 0&quot;;

The messy way works fine, but I feel an opportunity to learn something here so I thought I&#39;d post the question.

All Parent Child Solutions on Gang of Coders

Total of 22 Parent Child Solutions

get parent's view from a layout