2 ερωτησούλες για div tags

QSpec · 23 Ιουνίου 2006

Θέλω να κάνω 2 div tags να αλληλεπιδρούν αλλά αν και έχω μια ιδέα για το πως, είναι πολύ ασαφής. Ποιο αναλυτικά θέλω στo OnClick του ενός να αλλάζει το περιεχόμενο του άλλου.

Φαντάζομαι οτι αυτό γίνεται αντιμετοπίζοντας το id του 1ου div ως αντκείμενο. Δηλαδη κάτι τέτοιο: (id του div που θέλω να αλλάζει:"1odiv") Onclick:" 1odiv.background-color='#006699'"(Onclick του 2ου div). Ισχύει αυτό; Αν όχι υπάρχει κάποιος άλλος τρόπος να γίνει?

Και τέλος θέλω να ρωτήσω αν υπάρχει κάποιο attribute που μου επιτρέπει να αλλάζω την HTML που περιέχει το div. Πχ code='<html><body><p> keimeno </p></body></html>.

Ελπίζω να βγάζετε κάποιο νόημα από αυτά που έγραψα

Thanks in advance.

panosru · 23 Ιουνίου 2006

gia to 1o:

>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
<!--
window.onload = ChangeContent; 

function ChangeContent ()
{
var _1oDiv = document.getElementById('1oDiv');
var _2oDiv = document.getElementById('2oDiv');

_1oDiv.onclick = function ()
{
	_2oDiv.innerHTML = 'Allakse to periexomeno';
}
}
-->
</script>
</head>

<body>
<div id="1oDiv">1oDiv (kane klick)</div>
<div id="2oDiv">2oDiv</div>
</body>
</html>

einai o poio sostos tropos kata thn apopsi mou, xoris na gemiseis mpourdes thn HTML

to 2o pou zhtas den to epoiasa an kai m' ayta pou mou les paei sta nodes to myalo mou alla kalytera pes mou poio sigkrkrimena ti zhtas

EDIT:

tora pou diabasa ksana to post sou mperdeytika kapos,

koita kathe element / object exei kapoia properties (HTML DOM) px gia na allakseis to bg color tou 2ou div otan kaneis klick sto 1o div allakse to

>_2oDiv.innerHTML = 'Allakse to periexomeno';

se

>_2oDiv.style.backgroundColor = '#FF0000';

h an thes na kaneis kai ta 2 apla prosthese ton 2o kodika kato apo ton 1o

an thes mesa se ena div px na baleis 2o div me id nesteddiv kai periexomeno my nesteddiv h kalyterh methodos einai na to kaneis xrhshmopoiontas nodes, px:

><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#nesteddiv {
background-color: #f4f4f4;
color: #333333;
width: 80%;
margin: 0.5em;
}
-->
</style>
<script type="text/javascript">
<!--
window.onload = ChangeContent; 

function ChangeContent ()
{
var _1oDiv = document.getElementById('1oDiv');
var _2oDiv = document.getElementById('2oDiv');

_1oDiv.onclick = function ()
{
	_2oDiv.innerHTML = 'Allakse to periexomeno';
	_2oDiv.style.backgroundColor = '#FF0000';
	
	// Prothikh nested div
	
	//Dhmiourgoume ena Div element
	var newDivElement = document.createElement('div');
	
	//Orizoume sto div element pou ftiaksame to id na einai nesteddiv
	newDivElement.setAttribute('id','nesteddiv');
	
	//Orizoume ena keimeno mesa sto Div element pou dimiourghsame
	var newDivElementText = document.createTextNode('my nesteddiv');
	newDivElement.appendChild(newDivElementText);
	
	//Eisagoume to div element pou dhmiourghsame sto 2oDiv
	_2oDiv.appendChild(newDivElement);
}
}
-->
</script>
</head>

<body>
<div id="1oDiv">1oDiv (kane klick)</div>
<div id="2oDiv">2oDiv</div>
</body>
</html>

QSpec · 23 Ιουνίου 2006

>_2oDiv.innerHTML = 'Allakse to periexomeno';

Αυτό νομίζω με καλύπτει στο 2ο ερώτημα.

Οσο για το όλο post σου απλά :bow:, μου έλυσες τα χέρια. Thanks a million.

Σύνδεση

2 ερωτησούλες για div tags

Προτεινόμενες αναρτήσεις

QSpec

panosru

QSpec

Αρχειοθετημένο

Σύνδεση