Τροποποίηση κειμένου html μέσω Javascript

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
ALKIVIADES
Honorary Member
Δημοσιεύσεις: 1322
Εγγραφή: 07 Απρ 2005 03:39

Τροποποίηση κειμένου html μέσω Javascript

Δημοσίευση από ALKIVIADES » 17 Ιουν 2007 16:33

..μετά απ' όσα είπαμε είχες προβάδισμα ώστε να βρείς τι φταίει :wink: ..δε πειράζει όμως δες τη λύση ..και μάθε την "τεχνική" καλύτερα διότι το λάθος έγκειται στο ότι παρέλειψες ένα id και επίσης να χρησιμοποιήσεις την νέα function που δημιούργησες fun() :

Κώδικας: Επιλογή όλων

<html>
<head>

<link
rel="stylesheet"
href="stylesheet.css"
type="text/css">
<script type="text/javascript">
function allaxeto&#40;&#41;
&#123;
var MyElement = document.getElementById&#40;"iddeiktis"&#41;;

MyElement.innerHTML = "<p> <ul> <li> <div onclick=fun&#40;&#41;> Kosmas </div> <li> Evi </ul> </p> "; 
                       

return true;
&#125;

function fun&#40;&#41;
&#123;
var MyElement1 = document.getElementById&#40;"iddeiktis1"&#41;;

MyElement1.innerHTML = "Thanos"; 
                       

return true;
&#125;

</script>
</head>

<body class="scroll1" bgcolor="#6699CC">

<br> <br> <br>

<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0" style="border-width&#58;0; border-collapse&#58; collapse; " bordercolor="#111111" width="95%" id="AutoNumber1">
<tr>
<td width="100%" colspan="3" height="60" style="border-left&#58;medium none #111111; border-right&#58;medium none #111111; border-top&#58;medium none #111111; border-bottom-style&#58;none; border-bottom-width&#58;medium" bgcolor="#FF6600">
<p align="center"><span lang="el">
<font face="Britannic Bold" size="5" color="#111111">Ergostasio antoxis ilikon
EMP</font></span></td>
</tr>
<tr>
<td width="15%" height="25" style="border-left&#58;medium none #111111; border-top-style&#58;none; border-top-width&#58;medium; border-bottom-style&#58;solid; border-bottom-width&#58;1; border-right-style&#58;none; border-right-width&#58;medium" bgcolor="#CCCC00">
<p align="center">Archiki Selida</td>
<td width="50%" rowspan="6" style="border-bottom&#58;medium none #111111; border-left-style&#58;none; border-left-width&#58;medium; border-right-style&#58;solid; border-right-width&#58;1; border-top-style&#58;none; border-top-width&#58;medium; " bgcolor="#C0C0C0" height="375">&nbsp;</td>
<td id="iddeiktis" width="30%" style="border-right&#58;medium none #111111; border-bottom&#58;1px solid #111111; border-top-style&#58;none; border-top-width&#58;medium" bgcolor="#CCCC00" height="25">
<p align="center"><span lang="el">Nea- Palaia</span></td>
</tr>
<tr>
<td  id="iddektis" width="15%" height="25" style="border-left&#58;medium none #111111; border-bottom-style&#58;solid; border-bottom-width&#58;1; border-right-style&#58;none; border-right-width&#58;medium" bgcolor="#CCCC00" onMouseover="this.bgColor='#ccff99'" onMouseout="this.bgColor='#CCCC00'">
<p align="center" onclick="allaxeto&#40;&#41;">ergasia</td>
<td   width="30%" rowspan="5" style="border-right&#58;medium none #111111; border-bottom&#58;medium none #111111; border-left-style&#58;none; border-left-width&#58;medium" bgcolor="#C0C0C0" height="350">&nbsp;</td>
</tr>
<tr>
<td width="15%" height="25" style="border-left&#58;medium none #111111; border-right-style&#58;none; border-right-width&#58;medium; border-bottom-style&#58;solid; border-bottom-width&#58;1" bgcolor="#CCCC00">&nbsp;</td>
</tr>
<tr>
<td width="15%" height="25" style="border-left&#58;medium none #111111; border-bottom-style&#58;solid; border-bottom-width&#58;1; border-right-style&#58;none; border-right-width&#58;medium" bgcolor="#CCCC00">&nbsp;</td>
</tr>
<tr>
<td width="15%" height="25" style="border-left&#58;medium none #111111; border-bottom-style&#58;solid; border-bottom-width&#58;1; border-right-style&#58;none; border-right-width&#58;medium" bgcolor="#CCCC00">&nbsp;</td>
</tr>
<tr>
<p>
<td id="iddeiktis1" width="15%" height="250" style="border-left&#58;medium none #111111; border-bottom-style&#58;none; border-bottom-width&#58;medium; border-right-style&#58;none; border-right-width&#58;medium" bgcolor="#CCCC00">

</td>
</p>
</tr>
</table>
</center>
</div>
* Αν θες να εμφανίζεται κάτω από το Κοσμάς & Εύη, απλά φτιάξε ή μετέφερε ένα td κάτω απ εκεί, διότι δεν έχει μέρος που να "μπεί" :P

+ θα σου πρότεινα να χρησιμοποιήσεις κάποιο CSS menu , αντί αυτού που προσπαθείς να κάμεις διότι στην ουσία ένα menu δεν προσπαθείς να κάμεις σωστά ;
Εικόνα

kosmas
Δημοσιεύσεις: 75
Εγγραφή: 16 Ιουν 2007 17:01

Τροποποίηση κειμένου html μέσω Javascript

Δημοσίευση από kosmas » 17 Ιουν 2007 17:12

Βασικά αυτό που ήθελα να κάνω και το κατάφερα από αυτά που ανέφερες ήταν να πατάω πχ στο kosmas και στο ίδιο κελί , αφού "εξαφανιστεί" το kosmas και evi, πατώντας το kosmas να εμφανιστεί κάτι άλλο πχ Thanos. Eπομένως το λάθος μου ήταν στο ότι δεν είχα βάλει το 1 στο MyElement1.

Γενικά απατείται κάποια ιδιαίτερη προσοχή όταν γράφω html σε javascript ?????

Επίσης το "return true;" τι ακριβώς κάνει ???????

Ευχαριστώ πολύ πάντως!!!!!!!!!!!!!! :lol:

Άβαταρ μέλους
ALKIVIADES
Honorary Member
Δημοσιεύσεις: 1322
Εγγραφή: 07 Απρ 2005 03:39

Τροποποίηση κειμένου html μέσω Javascript

Δημοσίευση από ALKIVIADES » 17 Ιουν 2007 17:19

:wink: ..φυσικά και χρειάζεται ώστε να έχεις αποτέλεσμα ειδκά όταν γράφουμε συναρτήσεις και όταν αυτές τις εσωκλειουμε στο js μας , με την return true; κάνουμε ένα "υποτυπώδη" έλεγχο γυρίσματος τιμής αληθείας :P ..ειδικά όταν παίζουμε με τα γεγονότα καθ' αυτόν τον τρόπο είναι πρέπων να το γράφουμε :D

* ..τώρα τι είναι έλεγχος και τιμή επιστρεφόμενη αληθείας, καλύτερα να διαβάσεις books, ebooks, tutorials σχετικά με τα basics της javascript :reading:
Εικόνα

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες