Linux за българи: Форуми

Програмиране => Web development => Темата е започната от: NikolaiTalev в Feb 01, 2011, 00:55



Титла: Помощ за създаване на JS код
Публикувано от: NikolaiTalev в Feb 01, 2011, 00:55
Здравейте нуждая се от помоща ви

искам като се кликне it и после примерно на ru

да се зареди линкът /translate.php?lang=it-ru

it    it
ru   ru
de  de
fr    fr

Тоест ми трябва Js като кликна на it да присвои на  променлива1 = it (то ще бъде картинка с линк) и така и след клик на втория линк да присвои на втората променлива =ru и да зареди получилия се линк

/translate.php?lang=променлива1-променлива2


Титла: Re: Помощ за създаване на JS код
Публикувано от: lapolla в Feb 01, 2011, 07:51
Да речем че всички картинки с линкове са в:

Код
GeSHi (HTML):
  1. <div id="it">....</div>
  2. <div id="it1">....</div>
  3. ....

Използваш Jquery.
пишеш код:

Код
GeSHi (Javascript):
  1. $("#it").click( function(){v1='it'; } );
  2. $("#it1").click( function(){ v1!=null ? $( location ).attr( 'href','/translate.php?lang='+v1+'-'+'it') : v2 = 'it'; } );
  3. ....





Титла: Re: Помощ за създаване на JS код
Публикувано от: VladSun в Feb 01, 2011, 09:23
Код
GeSHi (Javascript):
  1. <img id="it" onclick="translate(this)" />
  2. <img id="ru" onclick="translate(this)" />
  3. <img id="fr" onclick="translate(this)" />
  4. <img id="de" onclick="translate(this)" />
  5.  
  6. <script type="text/javascript" >
  7.  
  8. var translateFrom = '';
  9.  
  10. function translate(img)
  11. {
  12. if (!translateFrom)
  13. translateFrom = img.id;
  14. else
  15. location.replace('/translate.php?lang=' + translateFrom + '-' + img.id);
  16. }
  17. </script>


Титла: Re: Помощ за създаване на JS код
Публикувано от: NikolaiTalev в Feb 02, 2011, 00:16
Код
GeSHi (Javascript):
  1. <img id="it" onclick="translate(this)" />
  2. <img id="ru" onclick="translate(this)" />
  3. <img id="fr" onclick="translate(this)" />
  4. <img id="de" onclick="translate(this)" />
  5.  
  6. <script type="text/javascript" >
  7.  
  8. var translateFrom = '';
  9.  
  10. function translate(img)
  11. {
  12. if (!translateFrom)
  13. translateFrom = img.id;
  14. else
  15. location.replace('/translate.php?lang=' + translateFrom + '-' + img.id);
  16. }
  17. </script>

Благодаря ти много многооо :)
Работи страхотно само добавих проверка като се щракне два пъти да не дублира езика .
Код
GeSHi (Javascript):
  1. <script type="text/javascript" >
  2.  
  3. var translateFrom = '';
  4.  
  5. function translate(img)
  6. {
  7. if (!translateFrom)
  8. translateFrom = img.id;
  9. else if (translateFrom != img.id)
  10. location.replace('/translate.php?lang=' + translateFrom + '-' + img.id);
  11. }
  12. </script>


Титла: Re: Помощ за създаване на JS код
Публикувано от: NikolaiTalev в Feb 07, 2011, 19:31
Код
GeSHi (Javascript):
  1. <img id="it" onclick="translate(this)" />
  2. <img id="ru" onclick="translate(this)" />
  3. <img id="fr" onclick="translate(this)" />
  4. <img id="de" onclick="translate(this)" />
  5.  
  6. <script type="text/javascript" >
  7.  
  8. var translateFrom = '';
  9.  
  10. function translate(img)
  11. {
  12. if (!translateFrom)
  13. translateFrom = img.id;
  14. else
  15. location.replace('/translate.php?lang=' + translateFrom + '-' + img.id);
  16. }
  17. </script>

Здравей и извинявай за безпокойството кода бачка перфектно ама как мога да го направя не за img а за span за да може да е (http://78.130.233.163/bg.gif) България и като се кликне върху България пак да работи.
Мерси предварително  :)


Титла: Re: Помощ за създаване на JS код
Публикувано от: VladSun в Feb 07, 2011, 20:51
Просто премести id="..." onclick="..." на събирателния елемент. Между другото SPAN не е събирателен елемент, докато DIV e.