Чтобы дочерние svg-элементы реагировали на нажатие на родительский svg-элемент, можно применить JavaScript события к дочерним элементам. Например, вы можете добавить обработчик события "click" к дочерним элементам, который будет вызывать функцию при нажатии на них. В этой функции вы можете указать, что нужно делать при нажатии на дочерний элемент.
Пример кода:
```html
<svg id="parentSVG" width="100" height="100">
<rect id="childRect" x="10" y="10" width="50" height="50" fill="blue"></rect>
</svg>
<script>
const parentSVG = document.getElementById('parentSVG');
const childRect = document.getElementById('childRect');
childRect.addEventListener('click', function() {
alert('Дочерний элемент был нажат!');
});
</script>
```
Чтобы изменить SVG-графику так, чтобы при нажатии на нее происходило оповещение в виде окна, можно также использовать JavaScript для отслеживания события нажатия на родительский svg-элемент и вызывать функцию отображения окна (например, с использованием `alert()`).
Пример:
```html
<svg id="parentSVG" width="100" height="100">
<circle cx="50" cy="50" r="40" fill="green"></circle>
</svg>
<script>
const parentSVG = document.getElementById('parentSVG');
parentSVG.addEventListener('click', function() {
alert('SVG-графика была нажата!');
});
</script>
```
При нажатии на SVG-графику появится оповещение в виде окна.