Wstawianie danyhc

tarjeta · Post autor: **tarjeta** » ndz lis 28, 2010 9:00 pm

Moze mi ktos napisze jak zrobic gdy stowrzylam sobie storne z menu po lewej i tam mam 10 zakladek. Wszystko bylo tworozne w photoshopie potem w dreamweaverze przes style css i wstawiane do tabel. Iteraz fajnie mi wsyztsko wyglada tylko jak chce wstawic cos co bedzie mialo wyskakiwac po kliknieci w 2 zakladke w menu to jak to zrobic aby mi sie w srodku wyswietlalo. Czy musze cala strone skopiowac i zmienic tylko srodek a potem podlinkowac ja pod ten przycisk i tak kazdy przycisk zrobic czy moze robi sie to to ze tlyko srodek sie jakos "podstawia".
Dzieki ze odpowiedz jesli ktos mi pomoze bo jestem poczatkujaca

darek_w · Post autor: **darek_w** » ndz lis 28, 2010 11:52 pm

Witam.
Spróbuję Ci pomóc ale najpierw rozszyfrujmy o co dokładnie chodzi.
1. Co oznacza "wstawione do tabel" -sądzę że budujesz stronę w oparciu o tabelę - nie do tego służą tabelki, proszę zmień na div,
2. "Iteraz fajnie mi wsyztsko wyglada tylko jak chce wstawic cos co bedzie mialo wyskakiwac po kliknieci w 2 zakladke w menu to jak to zrobic aby mi sie w srodku wyswietlalo" - troszkę nie rozumiem - czy możesz podać kod, lub przedstawić przykładowe działanie na jakiejś stronie internetowej ?
3. Zamieść proszę kod HTML CSS i ewentualnie JS strony którą tworzysz.
Pozdrawiam.
Darek

tarjeta · Post autor: **tarjeta** » pn lis 29, 2010 8:42 pm

Prosze oto kod

Kod: Zaznacz cały

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Centrum</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
	background-color: #a154a1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('../pociete/wszy/index_09.jpg')">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td align="center" valign="middle" class="middle"><table width="728" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="../pociete/wszy/index_03.jpg" width="164" height="15" /></td>
        <td><img src="../pociete/wszy/index_04.jpg" width="570" height="15" /></td>
        <td><img src="../pociete/wszy/index_05.jpg" width="7" height="15" /></td>
      </tr>
      <tr>
        <td valign="top" background="../pociete/wszy/index_31.jpg"><a href="link_a.html"><img src="../pociete/wszy/index_before_09.jpg" width="164" height="25" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','../pociete/wszy/index_09.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><br />
              <img src="../pociete/wszy/index_before_17.jpg" width="164" height="23" /><br />
                <img src="../pociete/wszy/index_before_18.jpg" width="164" height="24" /><br />
                  <img src="../pociete/wszy/index_before_19.jpg" width="164" height="23" /><br />
                    <img src="../pociete/wszy/index_before_20.jpg" width="164" height="23" /><br />
                      <img src="../pociete/wszy/index_before_21.jpg" width="164" height="23" /><br />
                        <img src="../pociete/wszy/index_before_22.jpg" width="164" height="21" /><br />
                          <img src="../pociete/wszy/index_before_23.jpg" width="164" height="24" /><br />
                            <img src="../pociete/wszy/index_before_24.jpg" width="164" height="24" /><br />
                              <img src="../pociete/wszy/index_before_25.jpg" width="164" height="23" /><br />
                              <img src="../pociete/wszy/index_before_26.jpg" width="164" height="23" /><br />
                                <img src="../pociete/wszy/index_before_27.jpg" width="164" height="23" /><br />
                                  <img src="../pociete/wszy/index_before_29.jpg" width="164" height="24" /><br />
          <br /></td>
        <td align="center" valign="middle" background="../pociete/wszy/index_10.jpg"><img src="../pociete/wszy/index_10.jpg" width="570" height="5" /><table width="546" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="546"><img src="../pociete/wszy/index_12.jpg" width="545" height="1" /></td>
            </tr>
            <tr>
              <td background="../pociete/img/index_14.jpg"><p class="padding">Natalia to dziewczyna z Brooklynu :P</p>
                <p class="padding">Lukasz ma duza glowe.</p>
                <p class="padding"> </p>
<p> </p>
                <p> </p>
                <p> </p></td>
            </tr>
            <tr>
              <td><img src="../pociete/wszy/index_28.jpg" width="546" height="98" /></td>
            </tr>
        </table></td><td background="../pociete/wszy/index_08.jpg"> </td>
      </tr>
      <tr>
        <td><img src="../pociete/wszy/index_32.jpg" width="164" height="38" /></td>
        <td><img src="../pociete/wszy/index_33.jpg" width="570" height="38" /></td>
        <td><img src="../pociete/wszy/index_34.jpg" width="7" height="38" /></td>
    /tr>
  <tr>
    <td> </td>
  </tr>
</table>
</body>
</html>
  </tr>
    </table></td>
  <

spinacz24 · Post autor: **spinacz24** » pn lis 29, 2010 9:05 pm

czy chodzi ci o rozwijalne menu w sensie drzewko po wybraniu pozycji z menu rozwija się podgrupa, czy wchodzi w grę ciało strony w sensie 90% pozostaje niezmienne a zmienia się tylko środek w zależności od wybranego menu... zanim zadasz pytanie przemyśl je dokładnie, czy inni zrozumieją twoją myśl

opcja 1. Poszukaj skryptu w java w google na pewno sie uda
opcja 2. budujesz szablon strony w div (bo tabelki służą do danych tabelarycznych)
jak masz cialo dokumentu to to w odpowiednim miejscu robisz import danych według smart,

import możesz zrobić z bazy danych innego dokumentu czy pliku tekstowego pamiętaj o zachowaniu kodowania znaków by wszystkie wyglądały tak samo
przykłda

menu.html
<a href="?menu=poz1">Ulubione</a>

cialo.php
<div><?php include('menu.html'); <? </div>
<div><? switch ($_GET['menu']) {
case 'poz1': // albo include albo echo albo baza danych albo $zmienna; break;
case 'poz2': // albo include albo echo albo baza danych ; break;
default : // index strony
?>
</div>

oczywiscie brak tutaj kontroli błędów i sprawdzania poprawności danych ale to tylko koncepcja a nie kod do wykonania

Popzdrawiam

tarjeta · Post autor: **tarjeta** » pn lis 29, 2010 9:43 pm

No jak pisalam staral sie jak najlepiej wyjasnic bo nie znam slownictwa.
Chodzi mi o to jak napisales ze 90% pozostaje niezmienne a zmienia się tylko środek w zależności od wybranego menu. No przynajmniej mnie naprowadziles choc mi nic to nie mowi ale moze cos poczytam i bede sie starla cos z tym zrobic.

spinacz24 · Post autor: **spinacz24** » pn lis 29, 2010 10:00 pm

Ogólnie chodzi o koncepcje strony...

Szablon to czysta grafika i układ najlepiej gdy jest w div
w tym szablonie umieszczasz tutaj jest menu ... tutaj jest ciało strony tutaj stopka tutaj cos innego
czyli niezmienna część strony.... wtedy nawet można rotator banerów wrzucić który będzie niezależny lub jakieś reklamy

następnie do tego budujesz pliki wykonywalne w miejscach gdzie będzie się coś zmieniać czyli środek strony
i wtedy powinno robić się warunki
jeśli wybiorę w menu a to wyświetl --
i tak dla każdej opcji w menu, dzięki temu nie robisz setek tysięcy stron do każdej pozycji w menu a pobierasz tylko treść środkową. możesz w ten sposób zbudować dynamicznie budującą sie strone w zależności od wybranych opcji warunków .... kodowo opisałem wcześniej po małych modyfikacjach można ten kod umieścić na www i poeksperymentować zachęcam bo to nie jest trudne.

PS: budowanie strony powinno zacząć się od napisania jej funkcjonalności, następnie przygotowania szablonu na kartce a później budowania kodu łatwiej jest zbudować coś o czym mamy pewne wyobrażenie jak ma wyglądać funkcjonować niż błądzić po omacku.

tarjeta · Post autor: **tarjeta** » pn lis 29, 2010 10:10 pm

Dzieki sliczne.Bede sie starala. Projekt strony mam zrobiony w photoshopie i wiem jak chce aby dzialal gorzej z technika jak to stworzyc

jak to napisales to wyglada bajecznie proste

Chce aby strona miala 2 menu jedno po lewej w pionie gdzie do wybory bedzie okolo 10 roznych zakladek i drugie u gory w poziomie gdzie do wyboru bedzie 4 zakldki i chce aby srodek sie zmienial.
Jak to zrobilam w PS to ladnie wyglada i chce aby tak tez wygladla storna i podpowiedziano mi abym pociela to i wykorzystala style css, znalazlam kurs i udalo mi sie to zrobic tylko wtedy kapnelam sie ze bede miala zrobic tyle kopi storny ze zmienionymi srodkami ile mam zakldek w menu, a fajnie byloby jakby tylko srodki sie podstawialy.
No nic bede szukac w kopalni google o div.

l-web · Post autor: **l-web** » wt lis 30, 2010 10:23 pm

Adobe upiększa Dreamwavera a nie potrafią zaimplementować div w photoshopie, tylko trzymają się dalej tych tabeli

Wstawianie danyhc

Wstawianie danyhc

Re: Wstawianie danyhc

Re: Wstawianie danyhc

Re: Wstawianie danyhc

Re: Wstawianie danyhc

Re: Wstawianie danyhc

Re: Wstawianie danyhc

Re: Wstawianie danyhc