Sign In
Create Account
Back to top
 |
Chirurgia spinală minim invazivă
Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical. Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale. www.neurohope.ro |
Meniu activ pe celelalte pagini
Last Updated: Sep 25 2014 13:46, Started by
Alexandrwc
, Jun 19 2013 14:14
·
0
0
#1
Posted 19 June 2013 - 14:14
|
As vrea sa stiu si eu o metoda simpla prin care pot face ca dupa ce am dat click pe un link dintr-un oarecare meniu, pe urmatoarea pagina, acel link din meniu sa-i fie adaugat un stil gen: background-color: red; pentru a oferi vizitatorului un simt al orientarii, sa stie pe ce pagina se afla.
Am inteles ca se poate obtine asa ceva cu Javascript, punand o clasa link-ului, dar cum eu nu prea ma pricep cu Javascript... am apelat la voi. Edited by Alexandrwc, 19 June 2013 - 14:16. |
#2
Posted 19 June 2013 - 14:52
|
Am gasit asta http://jsfiddle.net/AcQsc/1/ dar problema este ca acolo merge, iar cand creez eu un nou document si bag toate cele in el si pornesc documentul... nu functioneaza.
<!DOCTYPE html>
<html>
<head>
<title>HTML</title>
<style type="text/css">
.activeLink {
color: red;
}
a{
color: blue;
}
</style>
<script type="text/javascript">
$('.yeahBaby li a').bind('click', function(e) {
$('.activeLink').removeClass('activeLink');
$(this).addClass('activeLink');
return false;
});
</script>
</head>
<body>
<ul class="yeahBaby">
<li><a id="one" class="activeLink" href="#/">Make me default</a></li>
<li><a id="two" href="#/">Example</a></li>
<li><a id="three" href="#/">Example</a></li>
</ul>
</body>
</html>
Exact asa am facut si nu merge, trebuie sa fac ceva la body sa pun onload="si aici ce pun?"... Edited by Alexandrwc, 19 June 2013 - 15:00. |
#3
Posted 19 June 2013 - 17:08
|
As vrea sa stiu si eu o metoda simpla prin care pot face ca dupa ce am dat click pe un link dintr-un oarecare meniu, pe urmatoarea pagina, acel link din meniu sa-i fie adaugat un stil gen: background-color: red; pentru a oferi vizitatorului un simt al orientarii, sa stie pe ce pagina se afla. Am inteles ca se poate obtine asa ceva cu Javascript, punand o clasa link-ului, dar cum eu nu prea ma pricep cu Javascript... am apelat la voi. Numai ca sa vezi cum functioneaza fa trei fisiere cu denumiri diferite si merge, exemple: Fisierul menu activ.html:
<!DOCTYPE html>
<html>
<head>
<title>HTML</title>
<style type="text/css">
.activeLink {
color: red;
}
a{
color: blue;
}
</style>
</head>
<body>
<h1>meniu activ</h1>
<ul class="yeahBaby">
<li><a id="one" class="activeLink" href="meniu activ.html">Make me default</a></li>
<li><a id="two" href="Example1.html">Example1</a></li>
<li><a id="three" href="Example2.html">Example2</a></li>
</ul>
</body>
</html>
Fisierul Example1.html:
<!DOCTYPE html>
<html>
<head>
<title>Example1</title>
<style type="text/css">
.activeLink {
color: red;
}
a{
color: blue;
}
</style>
</head>
<body>
<h1>Example1</h1>
<ul class="yeahBaby">
<li><a id="one" href="meniu activ.html">Make me default</a></li>
<li><a id="two" class="activeLink" href="Example1.html">Example1</a></li>
<li><a id="three" href="Example2.html">Example2</a></li>
</ul>
</body>
</html>
Fisierul Example2.html:
<!DOCTYPE html>
<html>
<head>
<title>Example2</title>
<style type="text/css">
.activeLink {
color: red;
}
a{
color: blue;
}
</style>
</head>
<body>
<h1>Example2</h1>
<ul class="yeahBaby">
<li><a id="one" href="meniu activ.html">Make me default</a></li>
<li><a id="two" href="Example1.html">Example1</a></li>
<li><a id="three" class="activeLink" href="Example2.html">Example2</a></li>
</ul>
</body>
</html>
Edited by poadol, 19 June 2013 - 17:11. |
#4
Posted 20 June 2013 - 07:18
|
Nop, nu ai inteles ce vreau defapt
Vreau sa fie ceva de genul sa zicem ca acum suntem pe prima pagina (Acasa): [Acasa] | Despre | Servicii | Contact Iar vizitatorul cand da click pe servicii de ex, pe urmatoarea pagina butonul servicii sa aiba [] si acasa sa nu mai aiba: Acasa | Despre | [Servicii] | Contact Am folosit [] ca exemplu, te poti gandi la el ca la background-color diferit. Solutia ta nu rezolva nimic, nici macar :active... care nu e la ce ma refer. Multumesc oricum. Edited by Alexandrwc, 20 June 2013 - 07:21. |
#5
Posted 20 June 2013 - 11:57
|
Pai exact ceea ce ai cerut face exemplul prezentat de mine dar daca tu "zici" ca doresti de fapt altceva fie cum "zici".
|
#6
Posted 20 June 2013 - 12:56
|
Tot fara Javascript. In practica partea css se pune in fisier separat etc., probabil ca stii deja.
Numai ca sa vezi cum functioneaza fa 4 fisiere cu denumirile de mai jos si merge, exemple: Fisierul Acasa.html:
<!DOCTYPE html>
<html>
<head>
<title>Acasa</title>
<style type="text/css">
.Buby {
margin-top: 20px;
margin-left: 30px;
background: #dedede;
width:270px;
height:25px;
border: 1px solid black;
}
li {
position:relative;
top:-12px;
left:-15px;
padding: 0 3px;
display:inline;
margin-right:5px;
}
.activeLink {
background: yellow;
color: red;
}
a{
color: blue;
}
</style>
</head>
<body>
<h1>Acasa</h1>
<div class="Buby">
<ul class="yeahBaby">
<li><a id="one" class="activeLink" href="Acasa.html">Acasa</a></li>
<li><a id="two" href="Despre.html">Despre</a></li>
<li><a id="three" href="Servicii.html">Servicii</a></li>
<li><a id="three" href="Contact.html">Contact</a></li>
</ul>
</div>
</body>
</html>
Fisierul Despre.html:
<!DOCTYPE html>
<html>
<head>
<title>Despre</title>
<style type="text/css">
.Buby {
margin-top: 20px;
margin-left: 30px;
background: #dedede;
width:270px;
height:25px;
border: 1px solid black;
}
li {
position:relative;
top:-12px;
left:-15px;
padding: 0 3px;
display:inline;
margin-right:5px;
}
.activeLink {
background: yellow;
color: red;
}
a{
color: blue;
}
</style>
</head>
<body>
<h1>Despre</h1>
<div class="Buby">
<ul class="yeahBaby">
<li><a id="one" href="Acasa.html">Acasa</a></li>
<li><a id="two" class="activeLink" href="Despre.html">Despre</a></li>
<li><a id="three" href="Servicii.html">Servicii</a></li>
<li><a id="three" href="Contact.html">Contact</a></li>
</ul>
</div>
</body>
</html>
Fisierul Servicii.html:
<!DOCTYPE html>
<html>
<head>
<title>Servicii</title>
<style type="text/css">
.Buby {
margin-top: 20px;
margin-left: 30px;
background: #dedede;
width:270px;
height:25px;
border: 1px solid black;
}
li {
position:relative;
top:-12px;
left:-15px;
padding: 0 3px;
display:inline;
margin-right:5px;
}
.activeLink {
background: yellow;
color: red;
}
a{
color: blue;
}
</style>
</head>
<body>
<h1>Servicii</h1>
<div class="Buby">
<ul class="yeahBaby">
<li><a id="one" href="Acasa.html">Acasa</a></li>
<li><a id="two" href="Despre.html">Despre</a></li>
<li><a id="three" class="activeLink" href="Servicii.html">Servicii</a></li>
<li><a id="three" href="Contact.html">Contact</a></li>
</ul>
</div>
</body>
</html>
Fisierul Contact.html:
<!DOCTYPE html>
<html>
<head>
<title>Contact</title>
<style type="text/css">
.Buby {
margin-top: 20px;
margin-left: 30px;
background: #dedede;
width:270px;
height:25px;
border: 1px solid black;
}
li {
position:relative;
top:-12px;
left:-15px;
padding: 0 3px;
display:inline;
margin-right:5px;
}
.activeLink {
background: yellow;
color: red;
}
a{
color: blue;
}
</style>
</head>
<body>
<h1>Contact</h1>
<div class="Buby">
<ul class="yeahBaby">
<li><a id="one" href="Acasa.html">Acasa</a></li>
<li><a id="two" href="Despre.html">Despre</a></li>
<li><a id="three" href="Servicii.html">Servicii</a></li>
<li><a id="three" class="activeLink" href="Contact.html">Contact</a></li>
</ul>
</div>
</body>
</html>
Dupa aceea meniul si link-urile le aranjezi = pozitionezi cum doresti. Edited by poadol, 20 June 2013 - 12:58. |
#7
Posted 20 June 2013 - 13:40
|
Hehe, tot nu ai inteles
 ceea ce ai facut tu este ca ai pus manual la fiecare in parte clasa active, dar chestia este ca eu vreau sa dezvolt un CMS si cand creezi pagini noi in php nu poti sa adaugi manual in cod o alta clasa, asa ca trebuie sa faci cu javascript. Sper ca m-ai inteles acum Si da stiu best css practices ( header, fisier extern si inline css )Multumesc mult pentru efort! Edited by Alexandrwc, 20 June 2013 - 13:42. |
#8
Posted 20 June 2013 - 14:38
|
Pai, atunci este evident ca ai gresit sectiunea deoarece Javascript nu face parte din Markup Languages.
Acelasi lucru il poti obtine si din php direct, fara Javascript. Succes! Uita, ca sa nu te mai obosesti cumva: http://etutoriale.ro.../2268/1/cu-PHP/ |
#9
Posted 21 June 2013 - 07:22
|
Multumesc si sorry pentru sectiunea gresita, insa am descoperit cum sa fac asta si cu css simplu, adaug un class lui body sau div-ului container care tine tot site-ul pe fiecare pagina in parte prin cms si prin clasa aia operez si styling-ul la meniu.
http://www.hicksdesi...v/products.html - sursa Edited by Alexandrwc, 21 June 2013 - 07:33. |
#10
Posted 21 June 2013 - 08:51
|
Toate variantele oferite tie sunt "bune" si "corecte", doar ca nu iti dai tu seama.
Nu iti dai seama pentru ca esti incepator. Ai cautat pe net solutii si ai dat de una care intamplator se potriveste bine in cazul tau. Nu inseamna ca celelalte sunt gresite sau mai proaste ci doar ca nu intelegi tu care sunt diferentele dintre ele mai departe de faptul ca una din ele e mai potrivita din punctul tau de vedere pentru situatia ta. Esti incepator pentru ca ai pus o intrebare cu solutii programatice (server si client side) pe aria de markup. |
|
#11
Posted 21 June 2013 - 12:34
|
Stiu ca sunt toate corecte, dar doar din punctul de vedere al unui site static.
Eu daca vreau sa fac un cms cum ai vrea sa folosesc doar html si css pentru asta? Si la faza cu incepator, da, sunt incepator in php si javascript, dar de unde ti-ai dat tu seama ca sunt incepator la html si css si ca nu stiu care e diferenta dintre ce mi-a exemplificat mai sus poadol? Multumesc lui poadol pentru efort si ajutor. Edited by Alexandrwc, 21 June 2013 - 12:41. |
#12
Posted 23 June 2013 - 11:58
|
eu folosesc asta
function pagina() {
$pagina = substr($_SERVER["SCRIPT_NAME"],strrpos($_SERVER["SCRIPT_NAME"],"/")+1);
return $pagina;
}
si la meniu fac asa
require_once "functii/verificapagina.php";
function divheader()
{
echo '<div id="header" class="clearfix">
<div id="selSubHeader" class="clsFloatRight">
<ul class="clsClearFixSub">
<li '.(($pagina=="index.php" || $pagina=="#" || $pagina=="")?'class="clsActive"':' ').' ><a href="#">Acasa</a></li>
<li '.(($pagina=="register.php")?'class="clsActive"':' ').' ><a href="#">Inscrie-te</a></li>
<li '.(($pagina=="forum.php")?'class="clsActive"':' ').' ><a href="#">Forum</a></li>
<li '.(($pagina=="ajutor.php")?'class="clsActive"':' ').' ><a href="#">Ajutor</a></li>
<li '.(($pagina=="contact.php")?'class="clsActive"':' ').' ><a href="#">Contact</a></li>
</ul>
</div>
</div>';
}
|
#13
Posted 25 September 2014 - 13:46
|
Of of, incepatorul de mine
 )Pentru cine mai intampina aceasta problema, sfatul este urmatorul: Facand un site dinamic cu php si mysql, fiecare pagina se va incarca cu un GET diferit in url, gen page_id=1, problema descrisa de mine mai sus poate fi rezolvata astfel:
/* sa zicem ca avem doua variabile, una $pages care contine numele tuturor paginilor din baza de date si o variabila $current_page ce contine un array cu toate datele
paginii respective pe care le luati dinamic din mysql cu ajutorul $_GET['page_id'] */
//Aici sa zicem ca afisam meniul
echo '<ul>';
foreach($pages as $page) {
if($page['name'] == $current_page['name']) { echo '<li class="active">'.$page['name'].'</li>'; }
else { echo '<li>'.$page['name'].'</li>'; }
}
echo '</ul>';
//Clasa active face nustiu ce highlight vreti voi din CSS...
PS: Va recomand sa invatati Smarty pentru a separa codul php de cel html si pentru a scapa de acele echo-uri.
Edited by Alexandrwc, 25 September 2014 - 13:47. |
Anunturi
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
-
- Change Theme
- English
- Mark Community Read
- Termene & conditii
- Confidentialitate
- Consimtamant
- Cookies
- Help
© 2001-2024 Softpedia. All rights reserved. Softpedia® and the Softpedia logo are registered trademarks of SoftNews Net SRL.
Ora implicita a Forumului Softpedia este ora standard a Romaniei (GMT+2). Mai multe informatii →
⚠ Postarile afisate pe Forumul Softpedia reprezinta o opinie subiectiva a membrilor care le-au publicat si nu a SoftNews Net SRL.