πρόβλημα σε σελίδα με πολλαπλά sections

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

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

Απάντηση
Άβαταρ μέλους
dimos_mitel
Δημοσιεύσεις: 279
Εγγραφή: 07 Αύγ 2009 21:06
Επικοινωνία:

πρόβλημα σε σελίδα με πολλαπλά sections

Δημοσίευση από dimos_mitel » 26 Δεκ 2012 15:56

Καλησπέρα σε όλους και καλές γιορτές. Το πρόβλημα μου είναι το εξής. Έχω μια σελίδα (index.php) η οποία είναι χωρισμένη σε διάφορα sections. Σε κάθε section θέλω να εμφανίζεται μια συγκεκριμένη σελίδα. Όταν στο section ας πούμε με id "item2_section5" έχω το page1.php και κάνω submit την φόρμα του ή πατάω σε κάποιο link θέλω να εμφανίζεται η νέα σελίδα (page2.php ας πούμε) η οποία και θα πάρει διάφορα δεδομένα με get η post method και θα εμφανιστεί και πάλι στο section "item2_section5".

Δοκίμασα την συγκεκριμένη μέθοδο αλλά μου καταστρέφει το στυλ της σελίδας εκτός αν κάνω ανανέωση που διορθώνεται και έχω και διάφορα προβλήματα.. για παράδειγμα το link στο page1.php

<a href="index.php?category=manage_team_teacher2.php&amp;id_omadas=<?= $row['id_omadas']; ?>#item2_section5">Διαχείριση</a>

στο category μπαίνει το όνομα της σελίδας που θέλω να πάνε τα δεδομένα και στο τέλος βάζω την άγκυρα για το section.

και εδώ σας δείχνω με ποιο τρόπο εμφανίζω την σελίδα στο section :

if(isset($_GET['category']) && $_GET['category'] == 'page2.php' ){
include('page2.php');
}
else {
include('page.php');
}

εδώ είναι ένα κομμάτι της σελίδας index.php για να φανταστείτε πως είναι (σαν παράδειγμα έβαλα παντού τα ίδια αρχειάκια):

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

<div class="content" style="font-size&#58;30px;">
					<div class="section black" id="item1_section1" style="float&#58; left; overflow&#58; scroll; padding&#58; 30px 0 0 30px; width&#58; 869px;">
						    <h2>Section 1</h2>
						    <p>
							 if&#40;isset&#40;$_GET&#91;'category'&#93;&#41; && $_GET&#91;'category'&#93; == 'manage_team_teacher2.php' &#41;&#123;
                        include&#40;'manage_team_teacher2.php'&#41;;
                        &#125;
                        else &#123;
                        include&#40;'manage_team_teacher.php'&#41;;
                        &#125;
						    </p>
						    <ul class="nav">
							<li>1</li>
							<li><a href="#item1_section2">2</a></li>
							<li><a href="#item1_section3">3</a></li>
						    </ul>
                            
					</div>
					<div class="section white" id="item1_section2" style="float&#58; left; overflow&#58; scroll; padding&#58; 30px 0 0 30px; height&#58;690px; width&#58; 869px;">
						    <h2>Section 2</h2>
						    <p>
                            
							 if&#40;isset&#40;$_GET&#91;'category'&#93;&#41; && $_GET&#91;'category'&#93; == 'manage_team_teacher2.php' &#41;&#123;
                        include&#40;'manage_team_teacher2.php'&#41;;
                        &#125;
                        else &#123;
                        include&#40;'manage_team_teacher.php'&#41;;
                        &#125;
						    </p>
						    <ul class="nav">
							<li><a href="#item1_section1">1</a></li>
							<li>2</li>
							<li><a href="#item1_section3">3</a></li>
						    </ul>
					</div>
					<div class="section black" id="item1_section3">
						    <h2>Section 3</h2>
						    <p>
							 if&#40;isset&#40;$_GET&#91;'category'&#93;&#41; && $_GET&#91;'category'&#93; == 'manage_team_teacher2.php' &#41;&#123;
                        include&#40;'manage_team_teacher2.php'&#41;;
                        &#125;
                        else &#123;
                        include&#40;'manage_team_teacher.php'&#41;;
                        &#125;

						    </p>
						    <ul class="nav">
							<li><a href="#item1_section1">1</a></li>
							<li><a href="#item1_section2">2</a></li>
							<li>3</li>
						    </ul>
					</div>
		</div>
		</div>





<!--########################--ITEM 2--########################-->




<?php if &#40;$row&#91;'settings_key'&#93; == background-color&#41;&#123;
echo '<div id="item2" class="item" style="background-color&#58; #'.$row&#91;'settings_value'&#93;.';">';
&#125;?>
		
			<a name="item2"></a>
			<div class="content" style="font-size&#58;30px;">
				<div class="section black" id="item2_section4" style="float&#58; left; overflow&#58; scroll; font-size&#58; 18px; padding&#58; 30px 0 0 30px; height&#58;690px; width&#58; 869px;">
					    <ul class="nav" style="float&#58; left;">
						<li>1</li>
						<li><a href="#item2_section5">2</a></li>
						<li><a href="#item2_section6">3</a></li>
					    </ul>
                        <h2>Section 1</h2>
					    
                        <p>
						 if&#40;isset&#40;$_GET&#91;'category'&#93;&#41; && $_GET&#91;'category'&#93; == 'manage_team_teacher2.php' &#41;&#123;
                        include&#40;'manage_team_teacher2.php'&#41;;
                        &#125;
                        else &#123;
                        include&#40;'manage_team_teacher.php'&#41;;
                        &#125;
					    </p>
					    
				</div>
				<div class="section white" id="item2_section5" style="float&#58; left; overflow&#58; scroll; font-size&#58; 18px; padding&#58; 30px 0 0 30px; height&#58;690px; width&#58; 869px;">
						<h2>Section 2</h2>
						<p>

                        <?php
                        
                        if&#40;isset&#40;$_GET&#91;'category'&#93;&#41; && $_GET&#91;'category'&#93; == 'manage_team_teacher2.php' &#41;&#123;
                        include&#40;'manage_team_teacher2.php'&#41;;
                        &#125;
                        else &#123;
                        include&#40;'manage_team_teacher.php'&#41;;
                        &#125;
                        
                        ?>
						</p>
						<ul class="nav">
						<li><a href="#item2_section4">1</a></li>
						<li>2</li>
						<li><a href="#item2_section6">3</a></li>
						</ul>
				</div>
				<div class="section black" id="item2_section6">
						<h2>Section 3</h2>
						<p>
						 if&#40;isset&#40;$_GET&#91;'category'&#93;&#41; && $_GET&#91;'category'&#93; ==     'manage_team_teacher2.php' &#41;&#123;
                        include&#40;'manage_team_teacher2.php'&#41;;
                        &#125;
                        else &#123;
                        include&#40;'manage_team_teacher.php'&#41;;
                        &#125;

						</p>
						<ul class="nav">
						<li><a href="#item2_section4">1</a></li>
						<li><a href="#item2_section5">2</a></li>
						<li>3</li>
						</ul>
				</div>

            </div>

		</div>
Έχετε να προτείνετε κάποιον άλλο τρόπο??

Ευχαριστώ πολύ
miteletsis

Άβαταρ μέλους
charavge
Δημοσιεύσεις: 378
Εγγραφή: 14 Σεπ 2006 15:47

πρόβλημα σε σελίδα με πολλαπλά sections

Δημοσίευση από charavge » 27 Δεκ 2012 02:24

Χρόνια πολλά φίλε μου.
Αυτό που θες λέγεται AJAX!

Άβαταρ μέλους
dimos_mitel
Δημοσιεύσεις: 279
Εγγραφή: 07 Αύγ 2009 21:06
Επικοινωνία:

πρόβλημα σε σελίδα με πολλαπλά sections

Δημοσίευση από dimos_mitel » 27 Δεκ 2012 09:57

τελικά με ajax θα προσπαθήσω να το κάνω.. σκέφτηκα να γίνεται ανανέωση μόνο το div στο οποίο περιέχεται η κάθε σελίδα ώστε να μην γίνονται ανανέωση τα πάντα και έχω πρόβλημα.

χρόνια πολλά κ ευχαριστώ
miteletsis

Άβαταρ μέλους
charavge
Δημοσιεύσεις: 378
Εγγραφή: 14 Σεπ 2006 15:47

πρόβλημα σε σελίδα με πολλαπλά sections

Δημοσίευση από charavge » 28 Δεκ 2012 01:14

Χρόνια πολλά!
AJAX και έχεις ήσυχο το κεφάλι σου (και από άποψη στησίματος και ευκολία στη διαχείριση του περιεχομένου). Σίγουρα μπορείς να το κάνεις και αλλιώς αλλά είναι καλύτερα νομίζω έτσι.
Καλή δύναμη!

Άβαταρ μέλους
dimos_mitel
Δημοσιεύσεις: 279
Εγγραφή: 07 Αύγ 2009 21:06
Επικοινωνία:

πρόβλημα σε σελίδα με πολλαπλά sections

Δημοσίευση από dimos_mitel » 28 Δεκ 2012 02:16

Στην ενότητα Ajax JavaScript ανέβασα ένα πρόβλημα που έχω. Αν μπορείς να το δεις μήπως βοηθήσεις. Ευχαριστώ πολύ
miteletsis

Απάντηση

Επιστροφή στο “HTML και XHTML”

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

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