Forum PHP.pl

Cześć. Mam problem. Mam funkcję w JS, która po kliknięciu w SPANa dodaje do elementu o id "test" kolejne nazwy po przecinku. Szablon mam w bootstrapie. Budowa wygląda tak:
container, w nim row, row podzielony na lg-9 i lg-3. W lg-3 jest div z width 100%. Ten div ma właśnie id test. Problem w tym, że gdy już kończy się miejsce w divie, to linia sie nie łamie tylko js ignoruje ją i dodaje kolejne nazwy ciagle w prawo aż stroną można przesuwać w poziomie (pojawia się pasek na dole). Podobnie jest z dodawaniem cookies. Po każdym kliknięciu, do cookies zapisuje po przecinku id wraz z nazwa, problem w tym, że ta nazwa w końcu się nie dodaje (chyba).

[HTML] pobierz, plaintext 
document.getElementById("test").innerHTML=save+', '+namx;
[HTML] pobierz, plaintext 

cookies:

[HTML] pobierz, plaintext 
var getcokie = readCookie("testcookie");
document.cookie="testcookie="+getcokie+","+idg+":"+namx;
[HTML] pobierz, plaintext 

podgląd:
(IMG:http://i.imgur.com/Lk3vODx.png) - tutaj widać jak nie chcą dodawać się kolejne elementy zapisu.

Wklej tutaj cały kod, bo na podstawie tych zapisów wiele ci nikt nie powie (albo przynajmniej ja).

[HTML] pobierz, plaintext 
function readCookie(name) {
    name += '=';
    for (var ca = document.cookie.split(/;\s*/), i = ca.length - 1; i >= 0; i--)
        if (!ca[i].indexOf(name))
            return ca[i].replace(name, '');
}
 
 
function getToFridge(idg,namx) {
	var uid = idg;
	var save = document.getElementById("fridge").innerHTML;
	var getcokie = readCookie("fridgecode");
 
	if (getcokie.match("/*."+uid+".*/")) 
	{ 
		return;
	}
 
	if(save=="Brak produktów.") {
		document.cookie="fridgecode="+idg+":"+namx;
		document.getElementById("fridge").innerHTML='<span class="label label-info" style="margin-right: 5px;">'+namx+' <i class="fa fa-times"></i></span>';
		return;
	}
	document.cookie="fridgecode="+getcokie+","+idg+":"+namx;
	document.getElementById("fridge").innerHTML=save+
	'<span class="label label-info" style="margin-right: 5px;">'+namx+'<i class="fa fa-times"></i></span>';
}
[HTML] pobierz, plaintext 

Pozwoliłem sobie dodać spany, ale to chyba nie ma znaczenia.

Ten post edytował dawidessa 21.06.2015, 13:24:36

Wrzuć to gdzieś, chociażby: https://jsfiddle.net/
Chodzi o możliwość zobaczenia kodu wynikowego.

Wiem już co jest winowajcą - span. Nie mogę tego nigdzie wrzucić, ponieważ efekt jest wymaga użycia phpa (ajax) + podlinkowania bootstrapa.


#edit:
winowajcą jest budowa klasy label i label-info w bootstrapie. Można zamknąć.

#edit2:
gdyby ktoś miał podobny problem: z klasy .label w bootstrapie należy pozbyć się white-space nowrap.

Ten post edytował dawidessa 21.06.2015, 14:12:19

Nie span, tylko Bootstrap, który dla .label przywala white-space: nowrap i wymusza wyświetlanie w jednej linii

Tak już teraz wiem jak zajrzałem w CSS bootstrapa, nie miałem pojęcia że jest tam nowrap.