Skocz do zawartości
alexsus.[PL]

[skrypt?] Takie Coś

Rekomendowane odpowiedzi

chciałbym wykonać / zlecić komuś stworzenie skryptu który działał by chyba podobnie jak podgląd grafik na aukcjach allegro.

 

Mianowicie miałby mieś główne okno w którym byłby wstawiany obrazek z listy obrazków pożniej pod tym obrazkiem/po jego wybraniu byłaby tabelka z koloorami do wyboru tak że jak zostałby kliknięty kolor czerowny ro ramka wokół obrazka robiłaby się czerwona i tak do wyboru z kilkunastoma kororami podstawowymi.

 

Mam nadzieję że wyjaśniłem o co mi chodzi dokładnie/ sam niewiem jak takie coś nazwać bo poprostu się natym nieznam. Nieposiadam praktycznie żadnych funduszy więc jeśli się ktoś zgodzi takie coś wykonać możemy sie dogadać już później - mogę zaoferować reklame na stronie z ok. 200 wyświetleniami dziennie lub jakąś skromną sumkę ale tak jak pisałem mam minimalny budżet.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

<html>
<head>

<script language="javaScript" type="text/javaScript">
///////Funkcja zmieniajaca kolor//////////////
function kolor(ktory){
   document.getElementById("obrazek").style.borderColor= ktory;
}
/////////taka siakas prosta xD////////////////
</script>

<style type="text/css">
/*stylowanie coby ladniej wygladalo ;) */
#obrazek{
   border: 1px solid black;
}
a:link, a:visited, a:active{
   color: blue;
   text-decoration: none;
}
a:hover{
   text-decoration: underline;
}
</style>
</head>

<body>
<table>
<tr>
   <td colspan="3">
   <div id="obrazek" style="width: 500px; height: 100px">
   tu obrazek
   </div>
   </td>
</tr>
<tr>
   <td>
   <a onclick="java script:kolor('red')" href="#">
       czerwony
   </a>
   </td>
   <td>
   <a onclick="java script:kolor('#00ff00')" href="#">
       zielony
   </a>
   </td>
   <td>
   <a onclick="java script:kolor('#0000ff')" href="#">
       niebieski
   </a>
   </td>
</tr>
</table>
</body>
</html>

 

Takie cuś z kolorami ma być? :>

Więcej nie mam siły dzisiaj ;)

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

<html>
<head>

<script language="javaScript" type="text/javaScript">
/*
(potem usunąć ten komentarz :])

krótki opis:

Funkcja kolor(arg) zmienia kolor ramki obrazka.

Wywołanie w tabelce:
w dowolnym linku dotyczącym koloru ustawiasz coś takiego:
onclick="java script: kolor('kolor')";
kolor może być wpisany z nazwy, szenastkowo- #ff0000 <- czerwony, albo rgb(rrr,ggg,bbb).
Musi być w 'pojedynczym cudzysłowiu', a całość po onclick= w podwójnym.

funkcja loadImage(obrazek, tekst alternatywny) zmienia obrazek który jest wyświetlany.
Menu to w tym przypadku też tabelka z linkami, ale nic nie stoi na przeszkodzie żeby
wykorzystać pole select, listę, albo coś podobnego.
Podobnie ma się sprawa z funkcją kolor- nie musi być wywoływana z tabelki, ale takie wyraziłeś życzenie :]
działanie funkcji:

wywołanie podobnie jak kolor(), jednakże z tą różnicą, że trzeba podać dwa argumenty:
- lokalizację obrazka bezwzględną (http://www.blablabla/cośtam), albo względną (lokalizacja/nazwa_obrazka.rozszerzenie)
- alternatywny tekst (wyświetlany w przypadku kiedy obrazek nie będzie się chciał załadować).

Przy odrobinie czasu można to wszystko rozbudować - dodać np. możliwość wyboru
szerokości i stylu obramowania, kolor wpisywany ręcznie, etc. Wszystko zależnie od fantazji ;)

skrypt sprawdzony w najnowszych: Operze, IE i Mozilli (nie firefox).
*/

function kolor(ktory){
   document.getElementById("obrazek").style.borderColor= ktory;
}

function loadImage(obr, altText){
document.getElementById("zawartosc").innerHTML= "<img src=\""+obr+"\" alt=\""+altText+"\" id=\"obrazek\"/>"
}
</script>

<style type="text/css">

#obrazek{ /*to _m_u_s_i_ pozostac - inaczej obrazek nie bedzie mial obramowania i nie bedzie co zmieniac.*/
   border: 1px solid black;
}
/*ponizsze mozna usunac albo zmienic wedle uznania*/
a:link, a:visited, a:active{
   color: blue;
   text-decoration: none;
}
a:hover{
   text-decoration: underline;
}
/*usuwać ewentualnie az do tego komentarza*/

</style>
</head>

<body>
   <div id="zawartosc">

   </div><table>
<tr>
   <td>
   <a onclick="java script:kolor('red')" href="#">
       czerwony
   </a>
   </td>
   <td>
   <a onclick="java script:kolor('#00ff00')" href="#">
       zielony
   </a>
   </td>
   <td>
   <a onclick="java script:kolor('#0000ff')" href="#">
       niebieski
   </a>
   </td>
</tr>
<tr>
   <td>
   <a onclick="java script:loadImage('http://forum.purepc.pl/style_images/darknessv2/logo4.gif','darkness')" href="#">
       obrazek1
   </a>
   </td>
   <td>
   <a onclick="java script:loadImage('http://forum.purepc.pl/style_images/charcoal/logo4.gif','charcoal')" href="#">
       obrazek2
   </a>
   </td>
   <td>
   <a onclick="java script:loadImage('http://forum.purepc.pl/style_images/rooq/logo4.gif','rooq')" href="#">
       obrazek3
   </a>
   </td>
</tr>

</table>
</body>
</html>

 

Najważniejsze w tym wszystkim jest jedynie żeby element

<div id="zawartosc">

</div>

miał takie id, a nie inne.

Obrazki pozwoliłem sobie pożyczyć ;)

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Przywróć formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

Ładowanie


×
×
  • Dodaj nową pozycję...