jquery pagalbos

Sveiki, taigi susiduriau su problema, Kaip matot tai yra fancybox,pasidariau kad paspaudus ant paveiksliuko atidaro per fancybox'a video is youtubes, siandien sumaniau prideti <a class> (.css faila butent skirta paveiksliukui), bet tai padares man nebelieka nuorodos i video, prasau pagalbos :)

Sai sita mediastyles.css noriu iterpti pries paveiksliuka.

<link rel="stylesheet" href="css/mediastyles.css" type="text/css" media="screen" />
<a class="mediastyles">

Taip bandau prideti class'e, butent paveiksliukui, bet tada nebelieka nuorodos i videos linka

(kita kodo dalis (css,js kurie neturi itakos tas kas yra virsuje)
....
<link rel="stylesheet" href="css/mediastyles.css" type="text/css" media="screen" />

<div class="left">
   <b>text</b><br>
<a class="various" data-fancybox-type="iframe" href="/demo/iframe.html">	
<a class="fancybox fancybox.iframe" href="//www.youtube.com/videoslink">
<a class="mediastyles">	
<img alt="" title="Spauskite norėdami peržiūrėti" border="0" src="https://images.png" width="190" height="110"></a><br>

</div>

Neuždarytas img tagas pas tave kode

<img alt="" title="Spauskite norėdami peržiūrėti" border="0" src="https://images.png" width="190" height="110"></a><br>

o cia isvis linko <a> tag pradzios nera

... <b>text</b></a><br>

cia irgi neuzdaryti <a> tagai

<a class="various" data-fancybox-type="iframe" href="/demo/iframe.html">...
<a class="mediastyles"> ... 

Kuom susijęs jQuery antraštėje, stiliai ir nuorodos?? :blink:

Gal bandai įterpti dinamiškai? Jei taip, tai reiktų ir JS parodyti.

cia irgi neuzdaryti <a> tagai

<a class="various" data-fancybox-type="iframe" href="/demo/iframe.html">...
<a class="mediastyles"> ... 

mm nesupratau kas cia blogai? lygtai viskas normaliai kaip ir pas mane nurodytam kode?

Su img nuoroda pataisiau uzdejau >.

Su text, tai ten nesvarbu, seip ten irgi buvo kazkada nuoroda ir nenutryniau.

kai mediastyles iterpiu sitoje vietoje styles veikia ant paveiksliuko, bet nuorodos nebelieka jokios i video. Kas cia gali buti blogai?

mediastyles.css failiuke, yra css kodas kad paveiksliukas butu gray spalvos, daugiau jiame nieko nera...

<link rel="stylesheet" href="css/mediastyles.css" type="text/css" media="screen" />

<div class="left">
   <b>text</b><br>
<a class="various" data-fancybox-type="iframe" href="/demo/iframe.html">
<a class="mediastyles">    
<a class="fancybox fancybox.iframe" href="//www.youtube.com/videoslink">
<img alt="" title="Spauskite norėdami peržiūrėti" border="0" src="https://images.png" width="190" height="110"</a><br>

</div>

anchor tagas <a> turi uzsidaryti su </a>, kur tarpe ju yra tarkim linko pavadinimas...

anchor tagas <a> turi uzsidaryti su </a>, kur tarpe ju yra tarkim linko pavadinimas...

taigi yra pas mane gale tas </a> tagas esme tame jog iterpus ta eilute <a class="mediastyles"> pries <img... man nebelieka video linko, kur leidziasi per fancybox.

<link rel="stylesheet" href="css/mediastyles.css" type="text/css" media="screen" />

<div class="left">

<b>text</b></a><!--WTF--><br>

<a class="various" data-fancybox-type="iframe" href="/demo/iframe.html"></a>

<a class="mediastyles"> </a>

<a class="fancybox fancybox.iframe" href="//www.youtube.com/videoslink">

<img alt="" title="Spauskite norėdami peržiūrėti" border="0" src="https://images.png" width="190" height="110"/></a><br>

</div>

del paskutinio raudono tau ir nebesimato img.

nor ir siaip, ta vieta <a class="mediastyles"> </a> nieko nedarys. niekas nepades, kol nezinos kas mediastyles.css viduj.

<link rel="stylesheet" href="css/mediastyles.css" type="text/css" media="screen" />

 

<div class="left">

<b>text</b></a><!--WTF--><br>

<a class="various" data-fancybox-type="iframe" href="/demo/iframe.html"></a>

<a class="mediastyles"> </a>

<a class="fancybox fancybox.iframe" href="//www.youtube.com/videoslink">

<img alt="" title="Spauskite norėdami peržiūrėti" border="0" src="https://images.png" width="190" height="110"/></a><br>

 

</div>

 

del paskutinio raudono tau ir nebesimato img.

 

nor ir siaip, ta vieta <a class="mediastyles"> </a> nieko nedarys. niekas nepades, kol nezinos kas mediastyles.css viduj.

Nezinau ar gerai supratai ka as siekiu padaryti, bet esme tame jog paveiksliuka rodo viskas tvarkoj, kai paspaudi ant paveiksliuko turi issokti youtubes video, bet neisoka kai yra parasytas/pridetas <a class="mediastyles">, be sios class viskas veikia viska rodo, tiek paveiksliuka, tiek video, kuo puikiausiai, tik nepavyksta padaryti su sia class'e kad rodytu.

mediastyles.css

a.mediastyles img{
 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

a.mediastyles img:hover{
 filter: none;
 -webkit-filter: grayscale(0);
}

<a class="various" data-fancybox-type="iframe" href="/demo/iframe.html"></a>

<a class="mediastyles"> </a>

<a class="fancybox fancybox.iframe" href="//www.youtube.com/videoslink">

<img alt="" title="Spauskite norėdami peržiūrėti" border="0" src="https://images.png" width="190" height="110"/></a><br>

beto cia tikrai negali buti </a> nes tada isvisa atsijungia fancybox, ir jokiu nuorodu nebelieka ant paveiksliuko.

dabartinis kodas yra sitas, spalvas rodo,paveiksliuka rodo, bet pabandzius paspausti ant paveiksliuko nuorodos jokios nera (nors ta rankele peles icon ale rodo kad tipo nuoroda yra,(o nuoroda turetu buti i youtube video.) pasiziurejus narsykles google chrome kampe jokios nuorodos nera).

<link rel="stylesheet" href="css/mediastyles.css" type="text/css" media="screen" />

<div class="left">
   <b>text</b><br>
<a class="various" data-fancybox-type="iframe" href="/demo/iframe.html"></a>    
<a class="fancybox fancybox.iframe" href="//www.youtube.com/videoslink">
<a class="mediastyles">
<img alt="" title="Spauskite norėdami peržiūrėti" border="0" src="https://images.png" width="190" height="110"</a><br>
[code]
</div>

[/code]

Na sakykim, kad tikrai viskas veikia.

CSS uzrasas a.mediastyles img reiskia, kad class galioja TAM PACIAM tagui, ant kurio ji uzdeta. Jei butu tarpas pvz a .mediastyles img, tai tada butu a - parent, tada viduj eitu kazkas su klase mediastyle ir tada tik img. Trumpai tariant, ne ten uzdejai.

turetu but taip:

...
<!-- sita trinam lauk <a class="mediastyles"> </a> -->
<a class="fancybox fancybox.iframe mediastyles" href="//www.youtube.com/videoslink">
...

taip pat, TIKRAI cia klaida <img alt="" title="Spauskite norėdami peržiūrėti" border="0" src="https://images.png" width="190" height="110"</a><br> nes neuzdarytas tagas img. Po height="110" turi but />

Na sakykim, kad tikrai viskas veikia.

 

CSS uzrasas a.mediastyles img reiskia, kad class galioja TAM PACIAM tagui, ant kurio ji uzdeta. Jei butu tarpas pvz a .mediastyles img, tai tada butu a - parent, tada viduj eitu kazkas su klase mediastyle ir tada tik img. Trumpai tariant, ne ten uzdejai.

 

turetu but taip:

 

...
<!-- sita trinam lauk <a class="mediastyles"> </a> -->
<a class="fancybox fancybox.iframe mediastyles" href="//www.youtube.com/videoslink">
...

 

taip pat, TIKRAI cia klaida <img alt="" title="Spauskite norėdami peržiūrėti" border="0" src="https://images.png" width="190" height="110"</a><br> nes neuzdarytas tagas img. Po height="110" turi but />

Viskas veikia, viskas ko reikejo ir visa problemos issprendimas buvo sios eilutes, kuria tu parasei, sujunges dvi class'es i viena tag'a :)

<a class="fancybox fancybox.iframe mediastyles" href="//www.youtube.com/videoslink">

O del img tago uzdarymo tai tiesiog praitame pranesime buvau blogai nukopijaves (greiciausiai sena koda, o ne dabartini)

Dekui jog nepagailejai laiko ir padejai isspresti problema :rolleyes:

off topic, man reikia, kad dinamiškai ant paspaustos nuorodos jquery uždėtų klasę ir ją išsaugotų? Ar kas nors gali padėti? Nes net stacke nesugeba normaliai padėti :/

off topic, man reikia, kad dinamiškai ant paspaustos nuorodos jquery uždėtų klasę ir ją išsaugotų? Ar kas nors gali padėti? Nes net stacke nesugeba normaliai padėti :/

Ką turi omenyje išsaugoti? Kur būtent?

off topic, man reikia, kad dinamiškai ant paspaustos nuorodos jquery uždėtų klasę ir ją išsaugotų? Ar kas nors gali padėti? Nes net stacke nesugeba normaliai padėti :/

stacko link numesk, gal ten aprasei detaliau.

Ką turi omenyje išsaugoti? Kur būtent?

Tarkim turiu paprastą meniu juostą :

  
<ul>
   <li class="dropdown active"><a>Home</a></li>
   <li class="dropdown"><a>Articles</a></li>
   <li class="dropdown"><a>About</a></li>
</ul>

Kur po default nuėjus į psl active padaro home page. Man reikia, kad su jquery paspaudus ant kito linko, uždėtų dropdown active klasę. Kadangi kiek žinau, po puslapio refresh, jquery resetinasi, kiek suprantu, man reikia kažkaip į cookie įsidėti tą klasę. Atrodo paprasta, bet neįšeina pasidaryti.

O čia html naudoji ar kokį nors tvs ar dar kažką? Nes nebūtina to čia jquery

Tarkim turiu paprastą meniu juostą :

  
<ul>
   <li class="dropdown active"><a>Home</a></li>
   <li class="dropdown"><a>Articles</a></li>
   <li class="dropdown"><a>About</a></li>
</ul>

 

Kur po default nuėjus į psl active padaro home page. Man reikia, kad su jquery paspaudus ant kito linko, uždėtų dropdown active klasę. Kadangi kiek žinau, po puslapio refresh, jquery resetinasi, kiek suprantu, man reikia kažkaip į cookie įsidėti tą klasę. Atrodo paprasta, bet neįšeina pasidaryti.

O kodel tokius dalykus nori atlikti vartotojo narsykleje su JS? Gal geriau is serverio puses tikrinti ir uzdet active? Nu nebent jeigu svetaine veikia ajax principu, bet ir tai nereikalingi tie cookiai ar sesijos.

Cia sioks toks pavyzdys is laravelio, nzn ka tu naudoji.

<li class="<?php echo Request::is('download*') ? "active" : "";  ?>"><a>Kazkoks linkas</a></li>
<li class="<?php echo Request::is('about*') ? "active" : "";  ?>"><a>About</a></li>

Cia tikrina kai is narsykles atidaro www.domain.com/about tarkim tai uzdeda active is serverio puses.

O kodel tokius dalykus nori atlikti vartotojo narsykleje su JS? Gal geriau is serverio puses tikrinti ir uzdet active? Nu nebent jeigu svetaine veikia ajax principu, bet ir tai nereikalingi tie cookiai ar sesijos.

Cia sioks toks pavyzdys is laravelio, nzn ka tu naudoji.

<li class="<?php echo Request::is('download*') ? "active" : "";  ?>"><a>Download</a></li>
<li class="<?php echo Request::is('about*') ? "active" : "";  ?>"><a>About</a></li>

Nežinau, nesu pro programeris, tiesiog taip pagalvojau, kad su js reikėtų. Naudoju CI framework. :)

Nežinau, nesu pro programeris, tiesiog taip pagalvojau, kad su js reikėtų. Naudoju CI framework. :)

Naudokis googlu, pirmas irasas:

<li class="home">
   <a class="<?php if($this->uri->segment(1)=="search"){echo "active";}?>" href="<?=base_url('search')?>">
       <i class="icon-search"></i>
       <span>BEDRIJF ZOEKEN</span>
   </a>
</li>

ar

if ( $this->uri->uri_string() == '/contact' )

is http://bit.ly/1AZevqY

Cia nereikia but pro programeriui, uztenka but juniorui, tik tiek sakau kad nereikia tokiems dalykams javascripto.

Naudokis googlu, pirmas irasas:

<li class="home">
   <a class="<?php if($this->uri->segment(1)=="search"){echo "active";}?>" href="<?=base_url('search')?>">
       <i class="icon-search"></i>
       <span>BEDRIJF ZOEKEN</span>
   </a>
</li>

 

ar

if ( $this->uri->uri_string() == '/contact' )

is http://bit.ly/1AZevqY

Na matai, kadangi vien kažkaip apie jquery galva sukosi, tai kažkaip kitų alternativų nebeieškojau. Tuojaus išbandysiu, ačiū. :)