Keresés
Hírlevél
 
Kiemelt témák
»10 éves a prog.hu
»Párhuzamos programozás
»Párhuzamos végrehajtás == szemléletváltás!
Állás/munka
»Tanárt keresek
»Port.hu film tartalmának kinyerése
»PHP programozó kerestetik
»Fejlesztői megbízásokat/munkát keresek
»Senior .Net fejlesztő szabad kapacitással
» több téma
Tudástár
? torrent file helyett txt-t
?PHP:keresés szó szerint...
*PHP if-nél megakadtam
Mobilinternet használata robotokban
?Delphi Form méretezési probléma
?HelpProvider alkalmazás .HLP fájlban
2 oldalas form
SetFocus hatástalan
?XP-n megy Win7-en megakad (Delphi)
?Hiányos mp3 hallgatás telefonról! C#
A legalsó scrollTop értéket nem veszi figyelembe
3 dív pozicionálása (2 egymás mellé, 1 ezek alá)
?Curl login Joomla-ba (PHP)
*Java Axis webservice file küldés és fogadás
?C# scrollozható form
» több téma
Társalgó
»Az általános műveltség része kellene, hogy legyen a programozni tudás?
»Get flood elleni védekezés
»Újra programozni fog a Facebook alapítója és multimilliárdos elnöke
»Firebird - Több adatbázis vagy egy?
»Clipper kontra XP
»Webshop ár kb...
»Hogy működik egy apróhirdető oldal (MySQL)?
»Körlevél script PHP + MySQL
»New project probléma VS 2010 C#
»Kezdőknek:grafikus felület választás
» több téma
ASPC#C++CSSDelphiFlashJavaJavaScriptPascalPerlPHPPythonuniPaaSVisual BasicVisual C++  »    

Tudástár

»

CSS menü + target

»

CSS menü + target

nyitotta: Lumpen, idő: 2012.02.06., moderátor: moderator, megoldás elfogadva: 2012.02.13. 19:47
  Értesítés változás esetén Felvétel kedvencekhez Küldés emailben Nyomtatható verzió

Kategóriák:Web-programozás » CSS
Web-programozás » HTML

Kulcsszavak:
Sorrend:
Időzóna:
Blokkméret:
Oszd meg másokkal is!
Sziasztok!
Adott egy CSS-sel formázott menü. Benne linkek, amiket régebben a target segítségével tudtam az alsó frame-be betölteni, hogy a menü a helyén maradjon...
Csakhogy már nem frameket, hanem div-eket használunk, ugye.
Kérdés: hogyan lehet egy linket div-be betölteni?
Köszönöm!
Hello!

Ajax-al lehet... De az egészen más eljárás, mint az iframe.

Kukk meg ezt: AJAX Tutorial

/tökfilkó/ előzmény
átnézegettem ezt az ajax dolgot, de nem lettem okosabb
valami hasonlót ütöttem össze php-ben magam is, de úgy látom, hogy igazad lesz, és tényleg nem lehet megoldani egyszerű hivatkozással a dolgot...
köszönöm a segítséget!

előzmény
Így esetleg, bár nem teszteltem és jquery kell hozzá, de így könnyű.
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
$(function()
{
 $("a[target]").click(function(){
   $("#"+$(this).attr("target")).load($(this).attr("href"));
   return false;
 });
});
</script>
....
<a href='oldal.php' target='target1'>link</a>
<a href='oldal2.php' target='target1'>link2</a>
<a href='oldal3.php' target='target2'>link3</a>
<div id='target1'></div>
<div id='target2'></div>
előzmény
Egyszerű hivatkozással nem, de mint már mondtam, ajax-al igen... ezt támasztja alá deutsch hozzászólása is... előzmény
Én inkább így csinálnám, ha már jquery...

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

<a class='divbetolt' href='oldal.php' target='target1'>link</a>
<a class='divbetolt' href='oldal2.php' target='target1'>link2</a>
<a class='divbetolt' href='oldal3.php' target='target2'>link3</a>
<a href='http://www.example.hu' target='blank'>link3</a>
<div id='target1'></div>
<div id='target2'></div>


<script type="text/javascript">
  $(function(){
    $('a[class="divbetolt"]').click(function(event){
      var celdiv = $(this).attr("target");
      var celurl = $(this).attr("href");
      $('#'+celdiv).html("Betöltő szöveg, átmeneti csak, míg tölti amit kell... Betölt: "+celurl);
      $.get(celurl, function(data){
        $('#'+celdiv).html(data);
      });
      return false;
    });
  });
</script>

Így azok az a linkek melyek a class="divbetolt" osztályba tartoznak, automatikusan az <a> tag target attributumában megadott div-be tölti a tartalmat, de ha a linknek nics class="divbetölt" osztálya, akkor ugyanúgy kezeli, mint egy sima linket...

Persze meg lehetne még fűszerezni több dologgal is, de alapból én ebből indulnék ki. De lehet, hogy nem jó?!

/tökfilkó/ előzmény
Egy kis igazítás
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

<a class='divbetolt' href='oldal.php' target='target1'>link</a>
<a class='divbetolt' href='oldal2.php' target='target1'>link2</a>
<a class='divbetolt' href='oldal3.php' target='target2'>link3</a>
<a href='http://www.example.hu' target='blank'>link3</a>
<div id='target1'></div>
<div id='target2'></div>


<script type="text/javascript">
  $(function(){
    $('a[class="divbetolt"]').click(function(event){
      var celdiv = $(this).attr("target");
      var celurl = $(this).attr("href");
      $('#'+celdiv).html("Betöltő szöveg, átmeneti csak, míg tölti amit kell... Betölt: "+celurl);
      $.get(celurl,null, function(data){
        $('#'+celdiv).html(data);
      },"html");
      return false;
    });
  });
</script>
előzmény
Ooops! előzmény
Sikerült megcsinálnom
Tulajdonképpen mindketten sokat segítettetek, de a végül is a kezdő lökés az AJAX volt.
Köszönöm a segítségeteket!
előzmény
Oszd meg másokkal is!
Belépés
E-mail cím:
Jelszó:

cvonline.hu
»iOS fejlesztő
»Senior web programozó
»Java fejlesztő (Bécs)
»Java fejlesztő (front-end, backend)
»PHP fejlesztő (Ausztria, Németország)
»Solaris rendszermérnök
» még több állás
Kérdésed van?
Problémád, kérdésed van? Segítünk neked is. Csak kattints ide!
RSS források
-Hírek
-Cikkek
-Fórumok
-Állás/munka
Top pontgyűjtők
»Árnyék1.100
»silentworks910
»Robi80910
»szabofe860
»bubori.attila760
»djjjozsi680
»Galovics660
»Riha590
»Frostech0560
»Csaboka2550
A nap kifejezései
»Adatszegmens
»Konstans
»Makró
» ugrás a wikire
Hírek
»Az általános műveltség része kellene, hogy legyen a programozni tudás?
»Újra programozni fog a Facebook alapítója és multimilliárdos elnöke
»Vizuális felülettervezőt adott ki .NET-es Android-alkalmazásfejlesztéshez a Xamarin
» több hír
PC Fórum hírek
»Elvennék és felhasználóinak adnák a Facebook összes pénzét
»Rejtélyes ikont dugdosgat a Microsoft a Windows 8-ban
»Út a Windows 8-ig - a Windows rendszerek három évtizedének története, képekben
»Mától bárki regisztrálhat a so.cl-ra, a Microsoft közösségi oldalára
»Megérkeztek az első képek az Unreal Engine 4 játékmotorról
»Itt az első videó a a Firefox Windows 8-as változatáról
»Nyártól akár 150 megabites nethozzáférést is ad az Invitel
»Kilenc kritikus biztonsági hibát javít az új Google Chrome
Top wikieditorok
»Sting
»Doi
»FlamingClaw
»Argathron
»Csaboka2
»Muki987
»NevemTeve
»Ivn
»Kelemzol
»Joexy
» ugrás a wikire