javascript - HTML Img's failing to load -

-

just fun, i'm trying implement "15 puzzle", 16 images (from 1 music photo) instead.

the thing split 2 scripts / sides. 1 python cgi script perform last.fm query + splitting image in y x z chunks. when python script finishes outputs json string contains location (on server), extension etc.

{"succes": true, "content": {"nrofpieces": 16, "size": {"width": 1096, "height": 961}, "directoryname": "mako", "extension": "jpeg"}}

on other side html, js, (css) combo query cgi script images.

$(document).ready(function () { var artiest = $("#artiest") var rijen = $("#rijen") var kolommen = $("#kolommen") var speelveld = $("#speelveld") var search = $("#search")   $("#buttonclick").click(function () {     var artiestz = artiest.val()     var rijenz = rijen.val()     var kolommenz = kolommen.val()      $.getjson("http://localhost:8000/cgi-bin/cgiscript.py", "artiest=" + artiestz + "&rijen=" + rijenz + "&kolommen=" + kolommenz, function (jsonsring) {         console.log("hiiiiii")         if (jsonsring.succes === true){             console.log(jsonsring)             var baseurl = "http://localhost:8000/"             var extension = jsonsring.content.extension             var url = baseurl + jsonsring.content.directoryname + "/"             var amountx = rijenz              var amounty = kolommenz               (var = 0; < amountx; += 1){                 (var p = 0; p < amounty; p += 1){                     console.log("hi")                     var doc = new image                     doc.setattribute("src", url + jsonsring.content.directoryname + + "_" + p + "." +extension)                     document.getelementbyid("speelveld").appendchild(doc)                 }             }         }else {             // search failed. deal it.         }     }) })

})

where various id's link various html elements. (text fields & buttons & div's).

beneath screenshot of full folder contains image files.

folder img files

now, coming point. html img tags src seem correct, yet. images don't load, yet other do. noticed images failed load in 2s intervals. there kind of timeout, or so?

result

all being ran local machine, disk speed , cpu shouldn't affect matter. also, understand: call making img tags etc done in callback getjson, meaning it'll run when getjson has finished / had reply.

does great stackoverflow community have idea what's happening here?

to share knowledge/experiences great stackoverflow community,

small backstory

after progressing bit further project started run various issues going json parsing not having allow-control-allow-origin: * headers, making hard ajax request (client ==> python cgi) done.

in meantime started dev'ing on main desktop (which reason either has massive issues python versioning or has none). due terminal on desktop having python 3.4+ , there no module cgihttpserver. after small amount of digging, found cgihttpserver had been transfered http.server, yet when running plain old python -m http.server, noticed cgi script wouldn't run. display. ofcourse, forgot option -cgi.

main solution

the times succesfully using cgihttpserver, had troubles. images wouldn't load described above. suspect module couldn't take decent amount of requests. meaning when y x z requests came in, struggle deliver data. ==> connection refused.

since switching python -m http.server -cgi, no problems ever. working on bootstrap grid images!

thx @lashane , @ruud.


Comments

Post a Comment

Popular posts from this blog

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

-
i trying fetch records database , having above error this classs appropriate getters , setters public class user { private int id; private string username; private string password; private string email; i have create database , inserted data below configuration <bean id="datasource" class="org.apache.commons.dbcp2.basicdatasource" destroy-method="close"> <property name="driverclassname" value="com.mysql.jdbc.driver"/> <property name="url" value="jdbc:mysql://localhost:3306/usersdb"/> <property name="username" value="root"/> <property name="password" value=""/> </bean> this complete stacktrace severe: servlet.service() servlet [appservlet] in context path [/spring] threw exception [request processing failed; nested exception org.hibernate.exception.sqlgrammarexception: not ...
Read more

sql - Postgresql tables exists, but getting "relation does not exist" when querying -

-
Image
i have postgresql db number of tables. if query: select column_name information_schema.columns table_name="my_table"; i list of columns returned properly. however, when query: select * "my_table"; i error: (programmingerror) relation "my_table" not exist 'select *\n "my_table"\n' {} any thoughts on why can columns, can't query table? goal able query table. you have include schema if isnt public one select * <schema>."my_table" or can change default schema show search_path; set search_path my_schema; check table schema here select * information_schema.columns for example if table on default schema public both works ok select * parroquias_region select * public.parroquias_region but sectors need specify schema select * map_update.sectores_point
Read more

asp.net mvc - breakpoint on javascript in CSHTML? -

-
i have .cshtml file has javascript tag. within script tag have few lines of javascript. first line of javascript refers property in @viewbag. other javascript lines plain script without mvc related references. observation: can place breakpoints (visual studio 2015) on each of these javascript lines. however, breakpoints has white dot in center of breakpoint symbol (red circle) except line @viewbag reference (this particular line not have white dot in center). it seems breakpoint without white dot hit during run-time. question: can explain going on here? white dot mean? why plain red breakpoint line line hitting breakpoint? the visual studio debugger expecting debug actual server-side code within .cshtml file opposed client-side javascript within it. iirc, visual studio allow debug javascript code expected in internet explorer (and possibly edge), other browsers want use either third-party tool or developer tools (f12) within browser. an easy approach take advant...
Read more