Προς το περιεχόμενο

Παραπομπη σε διαφορετικο div

alexc

Από τον alexc
στο Web Design - Development

 Share

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

alexc Proficient

alexc

Δημοσ.
Δημοσ.

Αρχισα να πειραματιζομαι με css και θελω να κανω ενα πρωτο project... Θα ηθελα λιγο την βοηθεια σας ομως. Γινεται μαι απραπομπη που βρισκεται πχ στο div1 να εμφανιζεται στο div2 πχ??? με αλλα λογια να διατηρειται η ιστοσελιδα ως εχει και να αλλαζει μονο ενα div το οποιο θα μου εμφανιζει τις παραπομπες που παταω σε καποιο αλλο σημειο της σελιδας..δοκιμασα με το target αλλα δεν ειχα αποτελεσμα!

Ευχαριστω εκ των προτερων!

Uberalles_gr Grand Master

Uberalles_gr

Δημοσ.
Δημοσ.

Καταρχάς να σου πω ότι τα πάντα γίνονται.

 

Αυτό που θες γίνεται με την εντολή της jquery, όπου αλλάζω το HMTL κώδικα που έχει ένα element με id = "mydiv"

>
$("#mydiv").html("Εδώ θα βάζεις ότι θες!");

alexc Proficient

alexc

Δημοσ.
  • Μέλος
Δημοσ.

στην εντολη δεν καταλαβα τα mydiv και 'εδω βαζεις οτι θες'. Μπορεις να μου εξηγησεις τι εννοεις με αυτα??? σε ποιο απο τα δυο θα γινεται παραπομπη και σε ποιο κομματι του κωδικα βαζω αυτην την ετικετα???

Ευχαριστω !

alexc Proficient

alexc

Δημοσ.
  • Μέλος
Δημοσ.

βασικα αυτο που θελω ειναι οπως στο facebook πχ που πανω πανω εχει την μπλε ετικετα με διαφορες επιλογες και πατας σε μια πχ στο προφιλ μου και φορτωνει μονο στο κατω μερος της σελιδας και η ετικετα παραμενει εκει... η ειναι ιδεα μου η απλα ξαναφορτωνει ολη η σελιδα??? καταλαβατε?? κατι οπως το target me ta frameset!!

egoeimai1 Proficient

egoeimai1

Δημοσ.
Δημοσ.

Και με ajax και με jquery γίνεται. Απλά δε θα κάνει refresh όλο το site αλλά θα αλλάζει το περιεχόμενο μιας κεντρικής div (ανάλογα με το τί θα επιλέγει ο χρήστης απο τη μπάρα) που θα αποτελεί το site σου.

alexc Proficient

alexc

Δημοσ.
  • Μέλος
Δημοσ.

ακριβως αυτο ζηταω!!! σε αυτες τις ετικετες δεν εχω φτασει θα το ψαξω το θεμα και θα το προσπαθησω!!! Ευχαριστω πολυ!

egoeimai1 Proficient

egoeimai1

Δημοσ.
Δημοσ.

Setare τη βιβλιοθήκη jquery (για να μπορείς να χρησιμοποιήσεις τις εντολές της) και μετά "παίξε" με αυτό που σου λέει ο Uberalles_gr. Όπου #mydiv: η id της κεντρικής σου div που θα είναι το site σου, και "Εδώ θα βάζεις ότι θες": ο html κώδικας που θα φορτώνεται μέσα στη div σου.

alexitsios Mentor

alexitsios

Δημοσ.
Δημοσ.

Βασικά αυτό δεν έχει να κάνει με css. Πρέπει να μάθεις άλλη γλώσσα και συγκεκριμένα jquery - js όπως ανέφεραν και τα παιδιά παραπάνω.

alexc Proficient

alexc

Δημοσ.
  • Μέλος
Δημοσ.

# egoeimai1

Μπορεις να με βοηθησεις λιγο με τον κωδικα καθως δεν μπορω να βρω σε ποιο μερος θα τον τοποθετησω.. εκανα κατι τετοιο

><h2> Choose An Artist:</h2>  
   <ul><li>$("#main").html("<a href="http://www.youtube.com/watch?v=Mb1ZvUDvLDY"><img src="images/2Pac.jpg"> </a>");

Ουσιαστικα η main ειναι η κεντρικη μου div και πατωντας πανω στην εικονα που εχω θελω να μου εμφανιζει την παραπομπη(apo to youtube) στην main...

egoeimai1 Proficient

egoeimai1

Δημοσ.
Δημοσ. 

><html>
<head>
<script language="javascript" src="jquery.js"></script>  <!--edw fortwneis ti vivliothiki jquery    -->

<script language="javascript">
$(document).ready(function(){
  $("#main").html('<a href="http://www.youtube.com/watch?v=Mb1ZvUDvLDY"><img src="images/2Pac.jpg"> </a>');
});
</script>
</head>

<body>
<div id="main"></div>
</body>
</html>

 

Δε σου γράφω ακριβώς το κώδικα απο αυτό που θέλεις να κάνεις, προκειμένου να το κάνεις μόνο σου. Αυτό το παράδειγμα όμως θα σε βοηθήσει να καταλάβεις πως δουλεύει η jquery και προς τα που πρέπει να κινηθείς. Δες πως δουλεύει και η συνάρτηση onclick έτσι ώστε να τη χρησιμοποιήσεις...

alexc Proficient

alexc

Δημοσ.
  • Μέλος
Δημοσ.

Σε ευχαριστω πολυ!! Ενα τετοιο παραδειγμα χρειαζομουν!!

 

Πρεπει οπωσδηποτε να τοποθειται μεσα στο head?Οι παραπομπες βρισκονται σε ενα sidebar ουσιαστικα και θα τις στελνω στο main div!

egoeimai1 Proficient

egoeimai1

Δημοσ.
Δημοσ.

Δεν είναι απαραίτητο. Μπορείς να τοποθετήσεις κάποιο <script> kwdikas jquery </script> και μέσα στο body. Γενικά δε παίζει ρόλο (τις περισσότερες φορές) που θα το τοποθετήσεις. Επίσης μπορείς να δημιουργήσεις συναρτήσεις και εκτός $(document).ready(function(){}); , απλά ότι υπάρχει εντός $(document).ready(function(){}); τρέχει με το που φορτώνεται η σελίδα.

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
 Share
Προς την λίστα θεμάτων
  • Δημιουργία νέου...